/* ልዩ ፀጋ · Liyu Tsega — design tokens
   Layout concept: an album on a writing desk. Ivory paper ground, framed photos,
   serif headings, champagne gold only as hairlines and small marks.
   Every colour used by components lives here. Dark values are redefined below. */

:root {
  /* Surfaces — warmer and more saturated (Nov 2026 colour refresh) */
  --bg: #FBF4EC;          /* paper ground */
  --card: #FFFCF7;        /* raised paper */
  --rose: #F7D4DC;        /* rose surface */
  --lav: #E7DAF7;         /* lavender surface */
  --sage: #D9E7CF;        /* botanical surface */
  --sunk: #F4EADF;        /* recessed areas, inputs at rest */

  /* Ink */
  --ink: #2A1B2B;         /* main text — 14.9:1 on --bg */
  --ink-2: #5A4858;       /* secondary text — 7.7:1 on --bg, 6.2:1 on --rose */
  --gold: #C99A3E;        /* decoration only — never for text */
  --gold-ink: #7A5216;    /* gold for small text and icons — 6.3:1 on --bg */
  --line: #EADCCF;
  --line-2: #D5C1B0;

  /* Actions — berry plum */
  --primary: #7A2E63;     /* 8.6:1 with --on-primary */
  --on-primary: #FFFCF7;
  --primary-hover: #63244F;
  --focus: #7A2E63;

  /* Status (each text colour is 5.4:1 or more on its background) */
  --ok: #1F6B40;      --ok-bg: #DCEFE2;
  --warn: #7A4E00;    --warn-bg: #FBE7C2;
  --danger: #A3203A;  --danger-bg: #FADCE2;
  --info: #4B3490;    --info-bg: #E8DEFA;

  --shadow-sm: 0 1px 2px rgb(53 43 54 / .06);
  --shadow: 0 1px 2px rgb(53 43 54 / .05), 0 10px 28px -14px rgb(53 43 54 / .22);
  --shadow-lg: 0 2px 6px rgb(53 43 54 / .06), 0 28px 56px -28px rgb(53 43 54 / .34);
  --scrim: rgb(30 22 30 / .48);

  /* Type */
  /* Intended faces load from Google Fonts (all SIL Open Font License 1.1). If they are
     blocked or offline, the stacks fall back to faces that ship with the system:
     Ethiopic — Noto (Android/Linux), Kefa (Apple), Nyala / Ebrima (Windows);
     Latin — Iowan Old Style (Apple), Noto Serif / Roboto (Android), Georgia, Segoe UI. */
  --f-display: "Newsreader", "Noto Serif Ethiopic", "Kefa", "Nyala", "Iowan Old Style", "Noto Serif", Georgia, serif;
  --f-body: "Figtree", "Noto Sans Ethiopic", "Kefa", "Ebrima", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-ethi-display: "Noto Serif Ethiopic", "Kefa", "Nyala", "Ebrima", "Newsreader", "Noto Serif", Georgia, serif;

  --fs-xs: .78rem;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: clamp(1.9rem, 1.4rem + 1.8vw, 2.5rem);
  --fs-3xl: clamp(2.4rem, 1.6rem + 3.4vw, 3.9rem);

  --lh-tight: 1.15;
  --lh-body: 1.6;
  --lh-ethi: 1.85;        /* Ethiopic needs more air between lines */

  /* Space (4-point scale) */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  /* Shape */
  --r-xs: 6px; --r-sm: 10px; --r-md: 16px; --r-lg: 22px; --r-pill: 999px;

  --measure: 66ch;
  --wrap: 1180px;
  --sidebar: 252px;
  --tap: 44px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1B171C; --card: #251F26; --rose: #4A2A39; --lav: #352A4A; --sage: #2A3A2C; --sunk: #201B21;
    --ink: #F2EBE5; --ink-2: #BEB2BB; --gold: #C7A974; --gold-ink: #D9BF8E; --line: #382F38; --line-2: #4A3F49;
    --primary: #EBB3D8; --on-primary: #1E141F; --primary-hover: #F5CDE7; --focus: #EBB3D8;
    --ok: #9FD2B1; --ok-bg: #20352A; --warn: #E8C27F; --warn-bg: #3A2E18; --danger: #F2A3AE; --danger-bg: #42232A; --info: #C9BBF0; --info-bg: #2E2840;
    --shadow-sm: 0 1px 2px rgb(0 0 0 / .3);
    --shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 28px -14px rgb(0 0 0 / .6);
    --shadow-lg: 0 2px 6px rgb(0 0 0 / .3), 0 28px 56px -28px rgb(0 0 0 / .7);
    --scrim: rgb(0 0 0 / .6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #1B171C; --card: #251F26; --rose: #4A2A39; --lav: #352A4A; --sage: #2A3A2C; --sunk: #201B21;
  --ink: #F2EBE5; --ink-2: #BEB2BB; --gold: #C7A974; --gold-ink: #D9BF8E; --line: #382F38; --line-2: #4A3F49;
  --primary: #EBB3D8; --on-primary: #1E141F; --primary-hover: #F5CDE7; --focus: #EBB3D8;
  --ok: #9FD2B1; --ok-bg: #20352A; --warn: #E8C27F; --warn-bg: #3A2E18; --danger: #F2A3AE; --danger-bg: #42232A; --info: #C9BBF0; --info-bg: #2E2840;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .3);
  --shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 28px -14px rgb(0 0 0 / .6);
  --shadow-lg: 0 2px 6px rgb(0 0 0 / .3), 0 28px 56px -28px rgb(0 0 0 / .7);
  --scrim: rgb(0 0 0 / .6);
  color-scheme: dark;
}