/* OMFL HQ — design tokens
   Mirrors public/styles/tokens.json 1:1. Keep the two in sync
   (tools/tokens-to-css.py regenerates this file from the JSON).
   Nothing in this file should ever be app-specific. */

:root {
  /* --- core palette --- */
  --c-ink:   #0B1220;
  --c-turf:  #245C40;
  --c-chalk: #F5F3EC;
  --c-gold:  #C9A227;
  --c-flag:  #C0392B;
  --c-slate: #8A95A5;

  /* --- derived surfaces --- */
  --c-ink-raised: #111A2B;
  --c-ink-sunken: #070C16;
  --c-hairline:   rgba(138, 149, 165, 0.22);
  --c-gold-soft:  rgba(201, 162, 39, 0.14);
  --c-turf-soft:  rgba(36, 92, 64, 0.28);
  --c-flag-soft:  rgba(192, 57, 43, 0.18);
  --c-chalk-dim:  rgba(245, 243, 236, 0.62);

  /* --- type --- */
  --font-display: 'Oswald', 'Haettenschweiler', 'Arial Narrow', sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* --- space --- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  /* --- radius --- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* --- layout --- */
  --sidebar-w:  244px;
  --topbar-h:   56px;
  --content-max: 1200px;

  /* --- elevation --- */
  --shadow-card: 0 1px 0 rgba(255,255,255,0.03), 0 8px 24px rgba(0,0,0,0.35);

  /* --- motion --- */
  --motion-fast: 120ms cubic-bezier(0.2, 0, 0, 1);
  --motion-base: 220ms cubic-bezier(0.2, 0, 0, 1);

  /* --- safe areas (Capacitor / iOS notch; 0 in a normal browser) --- */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);
}

/* The shell is dark by design — declaring the scheme keeps native form
   controls, scrollbars and the iOS status bar consistent. */
:root { color-scheme: dark; }