/* Lina brand kit: Lina's brand tokens (2026-09-24).
   The custom properties and the @font-face rule below are the brand kit's web/tokens.css, value for
   value; only these comments are Lina's own. The font sits beside this file in fonts/ (relative URL),
   self-hosted, no third party.
   A dark-first software identity: black stock, emerald marks.
   Michroma is DISPLAY ONLY and very wide: the "Lina" wordmark and short uppercase labels. Headlines
   and body text stay on the page's own sans (Inter / the system stack), in bold and regular.
   On websites the marks are flat emerald #00B070; brushed metal is for print only.
   "Lina" is always set as "Lina": never text-transform: uppercase, never small caps. */

@font-face {
  font-family: "Michroma";
  src: url("fonts/michroma-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Palette */
  --brand-black: #050807;         /* stock / the dark ground */
  --brand-surface: #0B1410;       /* raised dark surface */
  --brand-emerald: #00B070;       /* the mark; buttons on dark; large text */
  --brand-emerald-light: #2FD394; /* accents and small text on dark */
  --brand-emerald-deep: #007A4D;  /* links and small text on light */
  --brand-emerald-ink: #005536;   /* darkest emerald */
  --brand-paper: #F4F7F5;         /* the light ground */
  --brand-ink: #0B1410;           /* text on light */
  --brand-text: #EEF3F0;          /* text on dark */
  --brand-muted-dark: #8FA89B;    /* secondary text on dark */
  --brand-muted-light: #4E6358;   /* secondary text on light */

  /* Type */
  --brand-display: "Michroma", ui-sans-serif, system-ui, sans-serif;

  /* Contrast-safe pairings (WCAG 2.x ratios)
     text on black 17.9 · text on surface 16.7 · emerald-light on black 10.4 · muted-dark on black 7.9
     ink on paper 17.4 · emerald-deep on paper 5.0 · muted-light on paper 6.0 · ink on emerald 6.6
     emerald on black 7.1 (marks, buttons, large text)
     emerald on paper 2.6: FAIL for text. Emerald on light grounds = marks only, never small text. */
  --brand-text-on-light: var(--brand-ink);
  --brand-text-on-dark: var(--brand-text);
  --brand-accent-text-on-light: var(--brand-emerald-deep);
  --brand-accent-text-on-dark: var(--brand-emerald-light);
  --brand-hairline: var(--brand-emerald);
}