/* Kodros design tokens (2026-11-02): warm white and cloud, ink type, glory gold as the one accent for fine lines.
   Earlier: Eumneme black and white, from the arched "m" mark.
   Owner order 2026-10-27 (Eumneme rebrand) supersedes the 2026-10-07 sky, glass and ink system.
   No accent hue. State colours (--mk-ok, --mk-warn, --mk-danger) are for state text only, never decoration.
   The --mk-* names are canonical and shared with the auth and account pages (assets/eumneme/app.css).
   The older names further down stay as aliases so every page stylesheet resolves to the same palette.
   Fonts are self-hosted (CSP font-src 'self'): Cormorant Garamond for display, headings and the wordmark;
   Inter for UI and reading. Both SIL OFL. */

@font-face{font-family:"Inter";src:url(/assets/fonts/inter-latin-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-latin-var.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
/* Kodros 2026-11-02: Cormorant Garamond replaces Cormorant Garamond for display (owner order). Latin subset, variable 300 to 700. */
@font-face{font-family:"Cormorant Garamond";src:url(/assets/fonts/cormorant-garamond-italic-latin-var.woff2) format("woff2");font-weight:300 400;font-style:italic;font-display:swap}
/* Metric-matched fallbacks: until the web fonts arrive, text sets in Times New Roman or Arial (or their metric twins,
   Liberation Serif and Sans) scaled to the web font's average glyph width and vertical metrics, so the swap does not
   rewrap lines or move the page (CLS). Ratios measured from the shipped woff2 files with fontTools, 2026-10-12. */
@font-face{font-family:"Cormorant Fallback";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("LiberationSerif");font-style:normal;size-adjust:96.7%;ascent-override:95.6%;descent-override:29.7%;line-gap-override:0%}
@font-face{font-family:"Cormorant Fallback";src:local("Times New Roman Italic"),local("TimesNewRomanPS-ItalicMT"),local("Liberation Serif Italic"),local("LiberationSerif-Italic");font-style:italic;size-adjust:92%;ascent-override:100%;descent-override:31%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans");font-style:normal;size-adjust:106.8%;ascent-override:90.7%;descent-override:22.6%;line-gap-override:0%}

:root{
  color-scheme:light;

  /* Eumneme palette (contract 2026-10-27). */
  --mk-paper:#FDFCF9;      /* page: warm white (Kodros 2026-11-02) */
  --mk-paper-2:#F7F4EE;    /* alternate band: cloud white */
  --mk-card:#FFFFFF;       /* cards, fields */
  --mk-ink:#111111;        /* text, primary button */
  --mk-ink-2:#34312A;      /* secondary text */
  --mk-muted:#6A655A;      /* captions, meta: 5.6:1 on paper */
  --mk-line:#ECE6DA;       /* hairline */
  --mk-line-strong:#D6CDBB; /* secondary button border, form borders */
  --mk-gold:#B8924A;       /* glory gold: hairlines, laurel and diadem lines, large display accents only */
  --mk-gold-ink:#86672A;   /* gold for small text: 5.1:1 on paper */
  --mk-gold-soft:#EADFC6;  /* pale gold wash for rules and glows */
  --mk-night:#111111;      /* inverse band */
  --mk-on-night:#FDFCF9;   /* text on the inverse band */
  --mk-ok:#1F7A4D;         /* state text only */
  --mk-warn:#8A5A00;       /* state text only */
  --mk-danger:#B3261E;     /* state text only */

  --mk-serif:"Cormorant Garamond","Cormorant Fallback",Georgia,serif;
  --mk-sans:"Inter","Inter Fallback",ui-sans-serif,system-ui,sans-serif;
  --mk-r-btn:10px;
  --mk-r-card:14px;
  --mk-r-pill:999px;
  --mk-btn-h:44px;
  --mk-ease:cubic-bezier(.22,1,.36,1);
  --mk-rise:16px;
  --mk-rise-dur:900ms;

  /* Aliases: ink and neutrals. */
  --ink:var(--mk-ink);
  --ink-on:#FFFFFF;        /* text on ink */
  --ink-2:var(--mk-ink-2);
  --ink-3:var(--mk-muted);
  --gray-900:var(--mk-ink-2);
  --gray-500:var(--mk-muted);
  --gray-400:#8A8A90;
  --gray-300:var(--mk-line-strong);
  --neutral-light:var(--mk-paper-2);
  --white:#FFFFFF;
  --brand-blue:var(--mk-ink);   /* retired hue: links and focus are ink */
  --periwinkle:var(--mk-line-strong);
  --red:var(--mk-danger);
  --alert:var(--mk-danger);

  /* Aliases: surfaces. */
  --wall:var(--mk-paper);
  --wall-deep:var(--mk-paper-2);
  --card:var(--mk-card);
  --shelf:var(--mk-paper-2);
  --rule:var(--mk-line);
  --rule-strong:var(--mk-line-strong);
  --tape-black:var(--mk-ink);
  --tape-white:#FFFFFF;
  --on-tape-black:#FFFFFF;
  --on-tape-white:var(--mk-ink);
  --select:var(--mk-ink);
  --on-select:#FFFFFF;

  /* Aliases kept from the retired glass layer: every one is now an opaque fill or a hairline. */
  --glass-card:var(--mk-card);
  --glass-card-night:var(--mk-card);
  --glass-sheet:var(--mk-paper);
  --glass-control:var(--mk-card);
  --glass-input:var(--mk-card);
  --glass-nav:transparent;
  --glass-nav-night:transparent;
  --glass-stroke:var(--mk-line);
  --glass-blur:0px;
  --hairline-glass:var(--mk-line);
  --hairline-white:var(--mk-line);
  --pill-frosted:rgba(17,17,19,.06);

  /* Aliases kept from the retired sky: flat paper, ink text. */
  --sky-top:var(--mk-paper);
  --sky-mid:var(--mk-paper);
  --sky-bot:var(--mk-paper);
  --on-sky:var(--mk-ink);
  --on-sky-2:var(--mk-muted);

  /* Module and spacing. */
  --u:4px;
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px; --s-24:96px; --s-32:128px;
  --gutter:clamp(20px,5vw,90px);
  --measure:66ch;
  --wrap:1280px;
  --wrap-narrow:816px;
  --tap-min:44px;
  --nav-h:72px;

  /* Families. */
  --font-display:"Cormorant Garamond","Cormorant Fallback",Georgia,"Times New Roman",serif;
  --font-text:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-ui:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  /* Type scale (rem at 16px root). Body 16/24, tight negative tracking on large serif heads. */
  --t-2xs:.75rem;
  --t-xs:.8125rem;
  --t-sm:.875rem;
  --t-md:1rem;
  --t-body:1rem;
  --t-body-mobile:1rem;
  --t-lg:1.1875rem;
  --t-xl:1.5rem;
  --t-2xl:clamp(1.875rem,1.4rem + 1.6vw,2.5rem);
  --t-3xl:clamp(2rem,1.4rem + 2.6vw,3rem);
  --t-4xl:clamp(2.25rem,1.4rem + 3.6vw,4.125rem);
  --lh-tight:1.05;
  --lh-snug:1.15;
  --lh-ui:20px;
  --lh-ui-lg:24px;
  --lh-body:24px;
  --lh-lede:30px;
  --track-caps:.06em;

  /* Depth: hairlines first, shadow barely there. */
  --lift-1:0 1px 2px 0 rgba(17,17,19,.05);
  --lift-2:0 1px 3px 0 rgba(17,17,19,.07);
  --lift-3:0 18px 40px -24px rgba(17,17,19,.22);
  --shelf-cast:0 1px 3px 0 rgba(17,17,19,.07);
  --r-card:14px;
  --r-field:10px;
  --r-bubble:14px;
  --r-chip:10px;
  --r-cta:10px;
  --r-pill:999px;

  /* Focus: ink ring with a white gap, readable on paper, white and the night band. */
  --focus-w:2px;
  --focus-gap:2px;
  --focus-ring:0 0 0 2px #FFFFFF,0 0 0 4px #111111;

  /* Motion: one ease-out curve, short presses. */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-press:cubic-bezier(.3,0,.2,1);
  --ease-spring:cubic-bezier(.22,1,.36,1);
  --dur-1:120ms;
  --dur-2:180ms;
  --dur-3:360ms;
  --dur-emboss:720ms;

  /* Interaction states, shared by every button. */
  --hover-rise:0px;
  --press-scale:.98;
  --lift-hover:0 1px 3px 0 rgba(17,17,19,.1);
  --lift-press:0 0 0 0 rgba(17,17,19,0);

  --z-sky:-1;
  --z-nav:100;
  --z-menu:110;
}