/* ============================================================================
   Evermore — Redesign Design Tokens  ·  "Candlelit, not clinical"
   Warm-dark fusion: the intimacy of a companion product + the depth of a
   modern AI platform. Dark by default; a full warm-paper light theme via
   [data-theme="light"]. Import this once; never hardcode a value a token covers.
   ============================================================================ */

:root,
:root[data-theme="dark"] {
  color-scheme: dark;

  /* — Surfaces (layered, warm wine-black — never blue-black) — */
  --bg:          #130d10;   /* page */
  --bg-deep:     #0c080a;   /* deepest wells, footer */
  --bg-raise:    #1a1216;   /* solid raised panels */
  --glass:       rgba(255, 247, 244, 0.045);   /* card glass */
  --glass-2:     rgba(255, 247, 244, 0.075);   /* hover / nested glass */
  --glass-line:  rgba(255, 237, 233, 0.10);    /* hairline on glass */
  --glass-line-2:rgba(255, 237, 233, 0.18);    /* stronger edge */

  /* — Ink / text — */
  --text:        #f7efeb;
  --text-soft:   rgba(247, 239, 235, 0.64);
  --text-faint:  rgba(247, 239, 235, 0.40);
  --on-accent:   #fff7f4;

  /* — Accent: rose (interaction) + ember (premium highlight) — */
  --rose:        #ff6585;
  --rose-deep:   #d23a5b;
  --ember:       #f2b06a;
  --ember-deep:  #d68a3e;
  --plum:        #7c5cff;   /* glow-only, never a control color */

  /* — Gradients (the warm aurora) — */
  --grad-accent: linear-gradient(118deg, #ff6585 0%, #f2b06a 100%);
  --grad-text:   linear-gradient(100deg, #ffd9c4 0%, #ff7e98 48%, #f2b06a 100%);
  --aurora:
      radial-gradient(60% 55% at 72% 8%,  rgba(255,101,133,0.22), transparent 70%),
      radial-gradient(55% 50% at 18% 22%, rgba(242,176,106,0.14), transparent 72%),
      radial-gradient(70% 60% at 50% 120%, rgba(124,92,255,0.12), transparent 70%);

  /* — Semantic status — */
  --good: #6ad79a;
  --warn: #f0a35a;
  --bad:  #ff6585;

  /* — Elevation — */
  --shadow-1: 0 1px 0 rgba(255,255,255,0.04), 0 10px 30px rgba(0,0,0,0.35);
  --shadow-2: 0 24px 60px rgba(0,0,0,0.5);
  --glow:     0 0 0 1px rgba(255,101,133,0.35), 0 14px 50px rgba(255,101,133,0.22);

  /* — Type — */
  --serif: "Fraunces", Georgia, serif;            /* emotional display voice */
  --sans:  "Inter Tight", "Helvetica Neue", system-ui, sans-serif; /* UI/body */
  --mono:  "JetBrains Mono", ui-monospace, monospace;              /* memory-log detail */

  /* — Radius scale — */
  --r-sm: 10px;   --r-md: 16px;   --r-lg: 22px;   --r-xl: 30px;   --r-pill: 100px;

  /* — Spacing (8-pt) — */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 140px;

  /* — Motion — */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:   cubic-bezier(0.4, 0, 1, 1);
  --dur-fast:  0.18s;
  --dur:       0.4s;
  --dur-slow:  0.9s;

  --maxw: 1200px;
}

/* — Light theme: warm paper, the original Evermore daylight — */
:root[data-theme="light"] {
  color-scheme: light;
  --bg:          #faf6ee;
  --bg-deep:     #f1e9da;
  --bg-raise:    #fffdf8;
  --glass:       rgba(255, 253, 248, 0.72);
  --glass-2:     #fffdf8;
  --glass-line:  rgba(34, 28, 23, 0.12);
  --glass-line-2:rgba(34, 28, 23, 0.20);

  --text:        #221c17;
  --text-soft:   #4f463d;
  --text-faint:  #8a7f73;
  --on-accent:   #fffdf8;

  --rose:        #a93350;
  --rose-deep:   #7e2038;
  --ember:       #b8893a;
  --ember-deep:  #9a6f28;

  --grad-text:   linear-gradient(100deg, #a93350 0%, #c46a4f 60%, #b8893a 100%);
  --aurora:
      radial-gradient(60% 55% at 72% 8%,  rgba(169,51,80,0.12), transparent 70%),
      radial-gradient(55% 50% at 18% 22%, rgba(194,154,63,0.10), transparent 72%);

  --shadow-1: 0 1px 0 rgba(34,28,23,0.05), 0 14px 34px rgba(34,28,23,0.07);
  --shadow-2: 0 24px 60px rgba(34,28,23,0.12);
  --glow:     0 0 0 1px rgba(169,51,80,0.30), 0 14px 44px rgba(169,51,80,0.16);
}