:root {
  /* ── Base ─────────────────────────────── */
  --midnight: #171222;      /* the stage, the night — leads event layouts */
  --midnight-panel: #231B36;/* cards on dark */
  --midnight-deep: #1D1730; /* alt dark panel */
  --ink: #1E1930;           /* type on light */
  --off-white: #F7F4EF;     /* daylight page base — documents, decks, web */
  --white: #FFFFFF;         /* panels & content on light */

  /* ── Text ─────────────────────────────── */
  --text-1: #1E1930;        /* headings / body on light */
  --text-2: #5C566E;        /* secondary on light */
  --text-3: #8A8496;        /* captions / meta on light */
  --text-night-1: #F7F4EF;
  --text-night-body: #D8D3E6;
  --text-night-2: #B5AEC8;
  --text-night-3: #8B84A0;

  /* ── Borders & lines ──────────────────── */
  --border-day: #DDD9EA;
  --border-day-soft: #D8D3E6;
  --line-day: #C7C2D8;
  --border-night: #322A4A;
  --line-night: #453C60;

  /* ── Spectrum (named accents) ─────────── */
  --coral: #E8574F;   /* the lead accent — CTAs, eyebrows, chapter marks */
  --sunset: #ED8B4C;
  --gold: #EFC050;
  --sage: #8CC48B;
  --teal: #35C4AE;
  --sky: #4A96CE;
  --violet: #6B62C4;
  --purple: #8A53B8;
  --magenta: #B04E9C;
  --rose: #D6537A;

  /* ── The Bird — nine feather colors, fixed wave order ── */
  --feather-1: #E8574F; --feather-2: #EC7C4D; --feather-3: #EEA24E;
  --feather-4: #E7C054; --feather-5: #9FC17D; --feather-6: #35C4AE;
  --feather-7: #44A3C5; --feather-8: #6F60C2; --feather-9: #BB4F92;

  /* ── Signature gradients ──────────────── */
  --spectrum-hairline: linear-gradient(90deg,#E8574F,#EC7C4D,#EEA24E,#E7C054,#9FC17D,#35C4AE,#44A3C5,#6F60C2,#BB4F92); /* @kind color */
  --spectrum-band: linear-gradient(90deg,#E8574F,#ED8B4C,#EFC050,#B9BD6A,#8CC48B,#35C4AE,#4A96CE,#6B62C4,#8A53B8,#B04E9C,#D6537A); /* @kind color */
  --protection-gradient: linear-gradient(180deg,rgba(23,18,34,0) 0%,rgba(23,18,34,0.55) 34%,rgba(23,18,34,0.92) 78%,rgba(23,18,34,0.92) 100%); /* @kind color */
  --protection-gradient-short: linear-gradient(180deg,rgba(23,18,34,0) 0%,rgba(23,18,34,0.8) 100%); /* @kind color */

  /* ── Semantic aliases ─────────────────── */
  --surface-page: var(--off-white);
  --surface-panel: var(--white);
  --surface-page-night: var(--midnight);
  --surface-panel-night: var(--midnight-panel);
  --accent: var(--coral);
  --border: var(--border-day);

  /* ── Radii & shadows ──────────────────── */
  --radius-card: 20px;
  --radius-tile: 16px;
  --radius-media: 10px;
  --radius-pill: 999px;
  --shadow-poster: 0 24px 60px rgba(30,25,48,0.25);
  --shadow-tile: 0 16px 44px rgba(30,25,48,0.18);
}