/* feder.ink design tokens: the single source for colours, fonts and radii.
   Approved palette (Marc, 31.10./01.11.2026): muted accents, never neon,
   every text/accent colour >= 6.5:1 on --bg. Loaded first on every page. */
/* Inter (SIL OFL 1.1, rsms/inter via Google Fonts subsets), self-hosted because the CSP allows fonts only from 'self'.
   Variable font, weights 400-600; latin-ext loads only when such characters occur. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/inter/inter-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/inter/inter-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  color-scheme: dark;

  /* Base */
  --bg:        #0c0a10;
  --surface:   #17121b;
  --surface-2: #211a26;
  --line:        rgba(255,255,255,.10);
  --line-strong: rgba(255,255,255,.18);
  --text:      #f3ece2;
  --text-muted:#b9aebc;
  --text-soft: #c9bfcc;   /* lead paragraphs and lists (mockups 02.11.) */
  --text-faint:#8f8596;   /* placeholders and meta lines only, never body copy */
  --line-soft: rgba(255,255,255,.08);   /* header/footer dividers */

  /* Brand */
  --gold:      #e3c48f;   /* the only gold: primary buttons, links, brand */
  --gold-ink:  #1a1309;   /* text on gold */
  --gold-hover: color-mix(in srgb, var(--gold) 86%, #fff);
  --wine:      #5b2b3e;   /* secondary brand colour: surfaces/backgrounds only, never text or buttons */
  --wine-soft: color-mix(in srgb, var(--wine) 45%, var(--bg));
  --wine-faint:color-mix(in srgb, var(--wine) 22%, var(--bg));

  /* Area accents (sparingly) */
  --c-readings: var(--gold);
  --c-astro:    #a994d4;
  --c-lexikon:  #7fb6c2;
  --c-musik:    #d293ae;
  --c-community:#d79c76;
  --area: var(--gold);    /* overridden by [data-area] */

  /* Elements: zodiac data only (chips, wheel segments, badges); border/dot/tint, never fills */
  --el-fire:  #d77b6c;
  --el-earth: #86b496;
  --el-air:   #dcd88e;
  --el-water: #7fa4d2;

  /* Aspects in the chart wheel */
  --asp-harmonic: #7fa4d2;
  --asp-tense:    #d77b6c;
  --asp-neutral:  #c9bfd1;

  /* Status */
  --danger:  #dc8a86;
  --success: #8dbf98;

  /* Moon calendar categories (muted to the palette) */
  --cat-wheel:     #b9a3d1;
  --cat-arts:      #cf9fb0;
  --cat-tradition: #9dbab9;
  --cat-holiday:   #b3c0a2;
  --cat-entry:     #95c4b0;

  /* Type */
  --font-display: Georgia, "Times New Roman", serif;
  --font-body:    Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-accent:  "TradeWindsCustom", Georgia, serif;   /* logo/wordmark only, max. once per page */

  /* Shape */
  --radius:    18px;
  --radius-lg: 22px;
  --radius-md: 12px;      /* buttons, icon tiles, icon buttons */
  --radius-pop:14px;      /* dropdowns */
  --radius-sm: 10px;

  /* Page frame (mockups 02.11.): 1240 px content, 32 px side margin, ~72 px between sections */
  --page-max: 1240px;
  --page-pad: 32px;
  --section-gap: 72px;

  /* Shell */
  --shell-height: 80px;
  --float-clearance: 84px;   /* bottom space so the floating chat button never covers content */
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--gold);
}

@media (max-width:599.98px){:root{--page-pad:20px;--section-gap:56px;--shell-height:64px}}

[data-area="readings"]  { --area: var(--c-readings); }
[data-area="astro"]     { --area: var(--c-astro); }
[data-area="lexikon"]   { --area: var(--c-lexikon); }
[data-area="musik"]     { --area: var(--c-musik); }
[data-area="community"] { --area: var(--c-community); }