/* The School of Claude — design tokens.
   A calm, scholarly palette. Warm paper, ink, one clay accent.
   Deliberately quiet: no neon, no candy colours — the learning is the reward. */

:root {
  /* Surfaces */
  --paper:      #faf6ee;   /* page background — warm parchment */
  --paper-2:    #f3ecdd;   /* sunken / alternate band */
  --surface:    #fffdf8;   /* cards */
  --surface-2:  #f7f1e3;   /* nested panels */

  /* Ink */
  --ink:        #2b2722;   /* primary text */
  --ink-2:      #5c5446;   /* secondary text */
  --ink-3:      #8a8170;   /* muted / captions */
  --line:       #e6ddc9;   /* hairlines */
  --line-2:     #d8ccb0;   /* stronger borders */

  /* Brand — a warm clay, used sparingly */
  --clay:       #bf5a3c;
  --clay-dark:  #9c4427;
  --clay-soft:  #f0d9cc;
  --ink-blue:   #2f4858;   /* secondary brand, headings on dark */

  /* Semantic */
  --good:       #3f7d54;
  --good-soft:  #e2efe2;
  --warn:       #b06a1f;
  --warn-soft:  #f3e4cf;
  --think:      #4a5d8a;   /* "have another go" — never red, never harsh */
  --think-soft: #e4e6f1;

  /* Subject accents — each subject owns one hue */
  --s-science:    #3f7d54;
  --s-mathematics:#42548f;
  --s-english:    #8a3f6d;
  --s-history:    #9a5b2e;
  --s-geography:  #2f7d7a;
  --s-art:        #b94d6a;
  --s-music:      #6a4f9c;
  --s-computing:  #3f6d8f;
  --s-dt:         #97742a;
  --s-general:    #7a6a2f;

  /* Typography */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.92rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.12rem);
  --step-1:  clamp(1.2rem, 1.12rem + 0.4vw, 1.42rem);
  --step-2:  clamp(1.45rem, 1.3rem + 0.7vw, 1.85rem);
  --step-3:  clamp(1.8rem, 1.55rem + 1.2vw, 2.6rem);
  --step-4:  clamp(2.3rem, 1.9rem + 2vw, 3.7rem);

  /* Spacing scale */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;

  /* Form */
  --radius: 14px;
  --radius-sm: 9px;
  --radius-lg: 22px;
  --shadow: 0 1px 2px rgba(43,39,34,.04), 0 6px 22px -10px rgba(43,39,34,.16);
  --shadow-lg: 0 2px 6px rgba(43,39,34,.05), 0 22px 48px -18px rgba(43,39,34,.28);
  --ring: 0 0 0 3px var(--clay-soft), 0 0 0 4px var(--clay);

  --content: 72rem;
  --reading: 40rem;

  /* Accent for the current subject context — overridden per page */
  --accent: var(--clay);
  --accent-soft: var(--clay-soft);
}

@media (prefers-reduced-motion: no-preference) {
  :root { --motion: 1; }
}