/* ─────────────────────────────────────────────────────────────
   psychometrictest.ai — the brand palette, in one place.

   Every report and page should take its colour from here rather than
   hard-coding hex. The palette is warm: cream paper, vermillion accent,
   sun yellow. There is no navy and no indigo in this brand — those crept
   in from reference designs and template defaults and should not return.

   Import at the top of any stylesheet:   @import url("/brand.css");
   ───────────────────────────────────────────────────────────── */
:root {
  /* paper + ink */
  --bg:        #FFFFFF;   /* page */
  --bg-soft:   #F2F7FC;   /* soft band */
  --card:      #FFFFFF;
  --ink:       #14181F;
  --muted:     #5A6472;
  --line:      #DDE6F1;
  --line-2:    #B6A895;   /* faint rules, axis labels */

  /* primary */
  --verm:      #F2563B;
  --verm-d:    #D9442B;
  --verm-l:    #EEF4FB;

  /* secondary */
  --sun:       #FFD93B;
  --sun-soft:  #FFF3C4;

  /* semantic — brand-tuned, never the Tailwind defaults */
  --blue:      #2B6CB8;   --blue-l:   #E6F0FA;
  /* Palette (her ruling 1 Oct 2026): "Mirror CareerGuide.com, with a bit of brightness" —
     white/ice grounds, coral action, steel blue, sunshine kept. Supersedes 30 Sep palette B.
     Re-run tools/mirror_palette.py + tools/blue_gradients.py after adding pages. */
  --proof:     #2B6CB8;   --proof-soft: #E6F0FA;
  --green:     #188A5E;   --green-l:  #E4F3EA;
  --amber:     #C97F10;   --amber-l:  #FFF3C4;
  --red:       #D93A3A;   --red-l:    #FBE7E1;
  --violet:    #6D5BD0;   --violet-l: #EDE9FA;

  /* warm section bands, in reading order */
  --band-1:    #F2F7FC;
  --band-2:    #EEF4FB;
  --band-3:    #FFF3C4;
  --band-4:    #F2F6FB;
  --band-5:    #EEF4FB;
  --band-6:    #F7FAFD;

  /* dark shells — warm near-black, never navy */
  --shell:     #14213A;
  --shell-2:   #1F3252;
  --shell-mut: #B8C6DA;

  /* fixed brand of a third party — do not re-theme */
  --whatsapp:  #25D366;

  --radius:    16px;
  --shadow:    0 4px 24px rgba(20,24,31, .08);

  /* ── PER-TEST WARMTH (her ruling 26 Aug) ─────────────────────
     Each report gets its own gradient so a parent can tell them apart at a
     glance — but all five share the same dark warm start, the same structure
     and the same everything-else, so they stay one family. Warm only: the
     difference is a shift along orange, never a jump to another brand.        */
  --grad-career:   linear-gradient(120deg,#16325C 0%,#2A5E9C 50%,#4A8FD6 100%);
  --grad-iq:       linear-gradient(120deg,#1B2A66 0%,#3150C4 50%,#5B82F0 100%);
  --grad-comm:     linear-gradient(120deg,#2B2F7E 0%,#4A55C8 50%,#8A93F2 100%);
  --grad-learning: linear-gradient(120deg,#123E6E 0%,#2475B8 50%,#4FB0EC 100%);
  --grad-life:     linear-gradient(120deg,#0C3B5E 0%,#15709F 50%,#2AA7DA 100%);

  --acc-career:   #E0521C;
  --acc-iq:       #E8930F;
  --acc-comm:     #D8342A;
  --acc-learning: #B4551A;
  --acc-life:     #EF7A2B;

  /* card edges are a DARK warm line, not the pale cream hairline — her ruling
     26 Aug. A near-invisible border made cards read as floating. */
  --edge:        rgba(20,24,31, .30);
  --edge-strong: #14181F;
}

/* ─────────────────────────────────────────────────────────────
   FROZEN REPORT STYLE (her ruling, 26 Aug 2026)
   Every report — IQ, Ideal Career, Communication, Learning, Life
   Skills — is built from these rules. Do not invent a new skin per
   test; do not re-import a reference design's colours.

   1. ONE CREAM CANVAS. The page background is --bg. Sections are
      separated by white cards and space, never by a run of different
      pastel band colours — that reads as patchwork.
   2. WHITE CARDS with a 1.5px --edge border, --radius corners and
      --shadow. This is the default surface for everything.
   3. HEADER: the house gradient
      linear-gradient(120deg,#16325C 0%,#2A5E9C 50%,#4A8FD6 100%)
   4. VERMILLION is the accent — headings' emphasis, key numbers, the
      marker on a scale. Never a blue or indigo accent.
   5. DARK BLOCKS for variation, used SPARINGLY — at most one or two
      per report, at a point where the report changes register (e.g.
      findings → instructions). Use .shell.dark / the tokens --shell,
      --shell-2. Any pale card nested inside one keeps its own dark
      text; check contrast after nesting.
   6. SCALES run sun-amber → green, low end = "room to grow".
      Never red for a score a child earned.
   ───────────────────────────────────────────────────────────── */