/* ==================================================================
   MYSTORiQ · COLOR TOKENS
   Best viewed with an open imagination.
   ================================================================== */

:root {
  /* ---- BRAND CORE ------------------------------------------------ */
  /* MYSTORiQ orange — the wordmark, the Academy of Flames, the primary
     call-to-action color across the whole realm. */
  --mq-orange:        #F47C20;   /* primary brand orange */
  --mq-orange-deep:   #E4611A;   /* pressed / hover-dark orange */
  --mq-orange-bright: #FA8A2E;   /* hover-light / glow orange */
  --mq-orange-tint:   #FDE7D2;   /* soft orange wash / chips */

  /* PRISMBREAK title lime — the Book One wordmark green. */
  --mq-prism-lime:    #D3E94C;   /* PRISMBREAK title lime */
  --mq-prism-lime-hi: #F7FD5D;   /* brighter glow variant */

  /* Navy ink — every heading and body line on light grounds. */
  --mq-navy:          #1B3A6B;   /* primary ink (headings + body) */
  --mq-navy-deep:     #142C52;   /* darkest ink / footer grounds */
  --mq-navy-soft:     #35507F;   /* mid-navy for links / accents */
  --mq-navy-muted:    #5B7098;   /* secondary text on cream */

  /* ---- GROUNDS --------------------------------------------------- */
  --mq-cream:         #F7F5EF;   /* default page background (Pure White, screen-tuned bright warm white) */
  --mq-cream-warm:    #FBFAF5;   /* raised cream / large panels */
  --mq-paper:         #FEFEFB;   /* card / sheet white */
  --mq-white:         #FFFFFF;
  --mq-mint:          #C6E4D7;   /* signature sage-mint panel */
  --mq-mint-soft:     #DDF0E7;   /* lighter mint wash */
  --mq-night:         #141A33;   /* starfield / night grounds */
  --mq-night-2:       #232A4D;   /* raised night surface */

  /* ---- ATMOSPHERE VIOLET (sampled from the artist's page spreads) --
     The Academy interiors glow a warm violet-purple. This is the brand's
     "immersive / cinematic" ground — used for the website portal, deck
     covers, and any full-bleed atmospheric surface. Warm, not cold. */
  --mq-atmos-deep:  #2A2050;   /* deepest atmosphere (edges, vignette) */
  --mq-atmos:       #3E316B;   /* base atmosphere ground */
  --mq-atmos-2:     #54488A;   /* raised atmosphere surface / panels */
  --mq-atmos-hi:    #7A6AA6;   /* lit violet (highlights, hovers) */
  --mq-atmos-glow:  #A88FD4;   /* violet glow / accents on dark */

  /* ---- SIX ACADEMY GLIMMER SPECTRUM ------------------------------ */
  /* Each Academy owns one hue; the six-star cluster is its emblem. */
  --ac-flames:   #F21109;   /* Flames  · Creativity & Courage (vivid fire-red, matches star icon) */
  --ac-tides:    #159FE0;   /* Tides   · Empathy & Flow (blue) */
  --ac-terra:    #35B90F;   /* Terra   · Growth & Stability (green) */
  --ac-skies:    #F49AA4;   /* Skies   · Curiosity & Wonder · coral is the primary hue (all art shows coral) */
  --ac-sparks:   #FBD40A;   /* Sparks  · Logic & Innovation (yellow) */
  --ac-shadows:  #8E17D4;   /* Shadows · Intuition & Reflection (violet) */

  /* Deep companions for text/borders on each academy hue */
  --ac-flames-deep:  #C00D06;
  --ac-tides-deep:   #0F6FA6;
  --ac-terra-deep:   #248209;
  --ac-skies-deep:   #C96D77;
  --ac-skies-silver: #DDE3EA;   /* Skies' companion silver/white — the bible's alt tone, for pale/frosted surfaces */
  --ac-sparks-deep:  #C9A400;
  --ac-shadows-deep: #62109A;

  /* ---- CHARACTER GLIMMER (the four Flames leads) ----------------- */
  --gl-sori:   #F7A81E;   /* Sori  · warm gold-orange · flares & sparks */
  --gl-wyvie:  #FB5A4E;   /* Wyvie · soft coral-red · fizzing droplets */
  --gl-kitsu:  #B62B23;   /* Kitsu · amber-red · rhythmic pulses & grids */
  --gl-chimi:  #DA1F3D;   /* Chimi · deep crimson · glowing circuitry */
  --gl-kitsu-amber: #E39A2B;  /* Kitsu's precise amber dots */

  /* ---- THE MIST (antagonist) & THE GLOWB ------------------------ */
  --mq-mist:      #DDC63A;   /* bright acid chartreuse mist (from page art) */
  --mq-mist-bright: #F1DE50; /* glowing mist highlight */
  --mq-mist-deep: #A0891E;   /* dense mist tendrils / mist ink */
  --mq-glowb:    #F58AF5;   /* orchid-pink Glowb core (matches star icon) */
  --mq-glowb-soft: #FBD3FB; /* soft Glowb wash */

  /* ---- SEMANTIC / UI STATE -------------------------------------- */
  --state-success: #35B90F;  /* Terra green */
  --state-info:    #159FE0;  /* Tides blue */
  --state-warning: #FBD40A;  /* Sparks yellow */
  --state-danger:  #DA1F3D;  /* Chimi crimson */

  /* ---- SEMANTIC ALIASES (use these in product code) ------------- */
  --bg-page:        var(--mq-cream);
  --bg-panel:       var(--mq-mint);
  --surface-card:   var(--mq-paper);
  --surface-raised: var(--mq-white);

  --text-heading:   var(--mq-navy);
  --text-body:      var(--mq-navy);
  --text-muted:     var(--mq-navy-muted);
  --text-inverse:   var(--mq-cream);
  --text-brand:     var(--mq-orange);

  --border-soft:    #E8E4DA;      /* soft warm hairline */
  --border-ink:     var(--mq-navy);

  --action-primary:      var(--mq-orange);
  --action-primary-hover:var(--mq-orange-bright);
  --action-primary-press:var(--mq-orange-deep);
  --focus-ring:          var(--mq-orange);
}