/* SBOS — Color tokens · "Nordic Resilience"
 * Anchored by Security Navy + Safety Amber. Bright, high-key technical surfaces.
 * Base palette first, then semantic aliases used across components.
 */
:root {
  /* ---- Brand: Security Navy ---- */
  --sbos-navy: #002045;          /* primary — authority, depth */
  --sbos-navy-700: #112235;      /* primary-dark — section fills, deep panels */
  --sbos-navy-600: #1a365d;      /* primary-container — "Security Blue", layering */
  --sbos-navy-400: #2d476f;      /* on-primary-fixed-variant */
  --sbos-navy-200: #86a0cd;      /* on-primary-container */
  --sbos-navy-100: #adc7f7;      /* inverse-primary */
  --sbos-navy-050: #d6e3ff;      /* primary-fixed */

  /* ---- Brand: Safety Amber ---- */
  --sbos-amber: #fea619;         /* secondary-container — critical actions, highlights */
  --sbos-amber-600: #ffb95f;     /* secondary-fixed-dim — hover */
  --sbos-amber-800: #855300;     /* secondary / dark amber — labels on light */
  --sbos-amber-050: #ffddb8;     /* secondary-fixed */

  /* ---- Neutrals: bright technical greys ---- */
  --sbos-white: #ffffff;
  --sbos-slate-bg: #f7f9fb;      /* surface / background — Slate White */
  --sbos-slate-50: #f2f4f6;      /* surface-container-low — faint row highlight */
  --sbos-slate-100: #eceef0;     /* surface-container */
  --sbos-slate-150: #e6e8ea;     /* surface-container-high */
  --sbos-slate-200: #e0e3e5;     /* surface-container-highest / card border — Concrete Grey */
  --sbos-steel: #c4c6cf;         /* outline-variant — "Steel" 1px card borders */
  --sbos-outline: #74777f;       /* outline — muted lines */
  --sbos-ink-500: #74777f;       /* muted text */
  --sbos-ink-400: #43474e;       /* on-surface-variant — secondary text */
  --sbos-ink: #191c1e;           /* on-surface — primary text */
  --sbos-inverse-surface: #2d3133;
  --sbos-inverse-ink: #eff1f3;

  /* ---- Semantic / status ---- */
  --sbos-error: #ba1a1a;
  --sbos-on-error: #ffffff;
  --sbos-error-container: #ffdad6;
  --sbos-on-error-container: #93000a;
  --sbos-success: #047857;       /* emerald-700 — verified / positive matrix cells */
  --sbos-success-600: #059669;
  --sbos-danger: #f43f5e;        /* rose-500 — "traditional approach" warnings */

  /* ===== Semantic aliases (use these in components) ===== */
  --color-primary: var(--sbos-navy);
  --color-primary-strong: var(--sbos-navy-700);
  --color-primary-layer: var(--sbos-navy-600);
  --color-on-primary: #ffffff;
  --color-accent: var(--sbos-amber);
  --color-accent-hover: var(--sbos-amber-600);
  --color-accent-ink: var(--sbos-amber-800);
  --color-on-accent: var(--sbos-navy);

  --surface-page: var(--sbos-slate-bg);
  --surface-card: var(--sbos-white);
  --surface-sunken: var(--sbos-slate-50);
  --surface-muted: var(--sbos-slate-100);
  --surface-dark: var(--sbos-navy);
  --surface-dark-alt: var(--sbos-navy-700);

  --border-card: var(--sbos-steel);
  --border-subtle: var(--sbos-slate-200);
  --border-strong: var(--sbos-navy);

  --text-strong: var(--sbos-navy);
  --text-body: var(--sbos-ink-400);
  --text-muted: var(--sbos-ink-500);
  --text-on-dark: var(--sbos-inverse-ink);
  --text-on-dark-muted: var(--sbos-navy-200);
}
