/* =========================================================
   Bravos Coffee — BRAND tokens (shared)
   Used by both design systems (backoffice + factory).
   Contains ONLY what is genuinely shared:
     - type faces (Inter + Martian Mono)
     - accent hex (copper) — note: only BACKOFFICE uses it as a
       UI accent. Factory stays monochrome. Defined here so brand
       surfaces (logo, charts, marketing) can reach for it.
     - semantic state hues (success / error / warn / info / note)
     - 4-pt spacing scale
   DO NOT put palette, radii, shadows, or layout tokens here —
   those are per-system (see backoffice.css / factory.css).
   ========================================================= */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'),
       url('../fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
}
@font-face {
  font-family: 'Martian Mono';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75% 112.5%;
  font-display: swap;
  src: url('../fonts/MartianMono-VariableFont_wdth_wght.ttf') format('truetype-variations'),
       url('../fonts/MartianMono-VariableFont_wdth_wght.ttf') format('truetype');
}

:root {
  /* ---------- TYPEFACES ---------- */
  --font-sans:     'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:     'Martian Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-display:  'Inter', system-ui, sans-serif; /* weight 800-900 does display duty */

  /* ---------- BRAND ACCENT (copper) ----------
     Single Bravos brand color. Used as a UI accent ONLY in
     backoffice. Factory surfaces stay monochrome — copper may
     appear on the logo mark only. */
  --brand-copper:     #c8915a;
  --brand-copper-h:   #b8803f;

  /* ---------- SEMANTIC STATE HUES ----------
     Base hues shared across both systems. Each system builds its
     own tints (bg/border) on top of these. Light-mode values. */
  --sem-success: #16a34a;
  --sem-error:   #dc2626;
  --sem-warn:    #ca8a04;
  --sem-info:    #2563eb;
  --sem-note:    #7c3aed;

  /* ---------- 4-PT SPACING SCALE ---------- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 48px;
  --sp-12: 64px;
}

/* ---------- UTILITY CLASSES (brand-level, safe in both worlds) ---------- */
.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
code, pre, kbd { font-family: var(--font-mono); }