/* The Almanac - Reverie's look, round five (her pick, 2 Nov 2026; type and fixes 3 Nov).
   Copied, not retyped, from the designer's own sheet:
   ~/reverie-sources/2026-11-02-blind-rounds/blind/B5/base.css. The token names are exactly theirs, so when the
   design system ships The Almanac into ~/reverie/design-world/ this file is replaced, not migrated (her rule: the
   look comes only from the design world; held here until that step, the branding session's yes, 3 Nov).

   The look in one line: a precise star atlas - warm white by day, deep ink by night, solid raised buttons, colour
   only for people (always with a name), space between things instead of lines. */

@font-face { font-family: "Fraunces"; src: url("../fonts/Fraunces-VF.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-VF.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --f-display: "Fraunces", Georgia, serif;          /* greeting, headlines */
  --f-serif: "Fraunces", Georgia, serif;            /* her own words: captures, her line on a card, Rev's drafts */
  --f-sans: "Inter", system-ui, sans-serif;         /* everything the app says and everything she scans */
  --f-time: "Inter", system-ui, sans-serif;         /* big times: Fraunces' 1 reads as a capital I (brand pass: 0.89), so times stay in Inter */
  --f-feat: "ss04";                                 /* Inter's disambiguation set: I, l and 1 distinct, plain zero */
  --display-axes: "SOFT" 50, "WONK" 0;   /* Fraunces a little soft, never wonky; its optical size follows the type size */
  --serif-axes: "SOFT" 30, "WONK" 0;
  --display-opsz: 72;
  /* Spacing: one named scale for both products (Catalog's, her fix for "everything is very close and run on") */
  --sp-in: 12px; --sp-in2: 16px; --sp-sib: 20px; --sp-part: 56px; --sp-group: 72px; --key-gap: 14px;
}

/* Night edition: starlight on ink. Hers, and the calendar's default. */
:root, :root[data-look='night'] {
  --page: #0E121C; --sheet: #181D2A; --tonal: #232A3A; --tonal-hi: #2D3548; --tonal-press: #161B27; --plate: #0B0E17; --plate-out: #070910; --inset: #131824;
  --ink: #F1ECE1; --ink2: #B0B6C3; --rule: #2C3343; --hair: rgba(163,169,184,.14);
  --edge: #7B8498; --edge-hi: #A3ABBD; --ring: #9AA3B5;
  --gold: #E3BF67; --gold-mark: #E3BF67; --hl: #4A3D17; --slip: #FF8F84; --ok: #7FD39A;
  --btn: #EDE7D9; --btn-hi: #FBF5E8; --btn-press: #CFC6B2; --btn-ink: #0E121C;
  --mom: #E3894E; --dad: #8FD0FF; --ava: #DC75B8; --noah: #FFB8C2; --gran: #8E7CF0; --cal: #ABC54B; --on-person: #0E121C;
  --star: #EDE7D9; --grid: rgba(237,231,217,.11);
  --sun-core: #F6DFA0; --sun-ring: #E3BF67; --sun-field: rgba(227,191,103,.12); --sun-field-hi: rgba(227,191,103,.22); --sun-glow: rgba(227,191,103,.55);
  --lift: 0 1px 2px rgba(0,0,0,.45), 0 8px 22px rgba(0,0,0,.40);
  --lip: 0 2px 0 rgba(0,0,0,.55);
  --lift-hi: 0 3px 0 rgba(0,0,0,.55), 0 10px 22px rgba(0,0,0,.55);
  --btn-lift: 0 1px 0 rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.45);
  --btn-lift-hi: 0 2px 0 rgba(0,0,0,.55), 0 10px 22px rgba(0,0,0,.6);
  --press: inset 0 2px 5px rgba(0,0,0,.55);
  --scrim: rgba(5,7,12,.55);
}

/* Day edition: ink on paper. Warm white, never cream: cream read antique (Fable's fix, round five). */
:root[data-look='day'] {
  --page: #F6F5F1; --sheet: #FFFFFF; --tonal: #EDEBE5; --tonal-hi: #F9F8F5; --tonal-press: #DDD9CF; --plate: #F7F4EC; --plate-out: #EFEBE1; --inset: #F0EEE9;
  --ink: #171A22; --ink2: #464B58; --rule: #D9D6CE; --hair: rgba(27,30,39,.12);
  --edge: #857D6E; --edge-hi: #3E4350; --ring: #1B1E27;
  --gold: #6A4B06; --gold-mark: #9C6F12; --hl: #F6E8BF; --slip: #9E1F18; --ok: #22592D;
  --btn: #1B1E27; --btn-hi: #343A4A; --btn-press: #000; --btn-ink: #FFFDF8;
  --mom: #813C0F; --dad: #2C6A9B; --ava: #862569; --noah: #A2465D; --gran: #523E9F; --cal: #5A6C07; --on-person: #FFFFFF;
  --star: #1B1E27; --grid: rgba(27,30,39,.12);
  --sun-core: #FFFDF8; --sun-ring: #1B1E27; --sun-field: rgba(156,111,18,.13); --sun-field-hi: rgba(156,111,18,.24); --sun-glow: rgba(156,111,18,0);
  --lift: 0 1px 2px rgba(27,30,39,.07), 0 6px 18px rgba(27,30,39,.07);
  --lip: 0 2px 0 rgba(27,30,39,.18);
  --lift-hi: 0 3px 0 rgba(27,30,39,.20), 0 8px 18px rgba(27,30,39,.16);
  --btn-lift: 0 1px 0 rgba(0,0,0,.30), 0 4px 10px rgba(27,30,39,.20);
  --btn-lift-hi: 0 2px 0 rgba(0,0,0,.30), 0 9px 20px rgba(27,30,39,.30);
  --press: inset 0 2px 4px rgba(0,0,0,.22);
  --scrim: rgba(27,30,39,.38);
}