/* tokens.css — ONE type and spacing scale for manji.ai and the amiaOS login screen
   (OPERATIONS-214 D2, CEO 2026-11-04: "global token sanity ... from the manji.ai dashboard
   to the computers login screen"). The amiaOS login (GUIde login/) carries this same file.
   Nothing on screen is smaller than --t-min. DIN (Mittelschrift) for labels, numbers and
   buttons; EB Garamond for words. */
@font-face { font-family: 'Mittelschrift'; src: url('/assets/fonts/din1451alt.ttf') format('truetype'); font-display: swap; }
:root {
  --font-label: 'Mittelschrift', 'DIN 1451', Impact, sans-serif;
  --font-words: 'EB Garamond', Georgia, serif;
  /* type */
  --t-min: 14px;      /* labels, chips, captions: the floor */
  --t-small: 15px;    /* secondary lines */
  --t-body: 17px;     /* reading text, inputs */
  --t-lead: 20px;     /* the first line of a card */
  --t-h3: 26px;
  --t-h2: 34px;
  --t-display: 56px;  /* "Welcome, Eric." */
  --track-label: .14em;
  /* space */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
  /* glass */
  --glass-light: rgba(255, 255, 255, 0.86);
  --glass-dark: rgba(4, 7, 20, 0.62);
  --glass-blur: blur(18px) saturate(125%);
  --glass-radius: 24px;
  --glass-shadow: 0 18px 60px rgba(4, 7, 20, 0.28);
  /* the brand */
  --indigo: #3D4AAA; --green: #00bf63; --teal: #2DA0B4; --yellow: #FFCC03; --ink-night: #04050d;
}