/* ── OrbitOS ↔ Flex shared brand tokens ─────────────────────────────────────
   Single source for the brand color family and semantic (ok/warn/danger)
   hues across BOTH apps. Each app keeps its own surfaces — Flex is light
   paper, OrbitOS is dark slate; that difference is intentional. What this
   file guarantees is that the brand blues and the "meaning colors" come
   from the same families everywhere, so green/amber/red read identically
   to someone using both apps daily.

   Copies live at:
   - OrbitOS: public/css/brand-tokens.css (linked before tokens.css)
   - Flex:    src/brand-tokens.css (@import at the top of styles.css)
   Keep them byte-identical. */
:root {
  /* Brand family */
  --brand-navy: #1D3557;  /* deep brand navy (Flex auth gradient, buttons) */
  --brand-blue: #2563EB;  /* primary action blue (Flex primary) */
  --brand-sky: #428cff;   /* bright accent blue (OrbitOS accent) */

  /* Semantic hues — on-dark set (OrbitOS's slate surfaces) */
  --sem-ok-on-dark: #34d399;
  --sem-warn-on-dark: #fbbf24;
  --sem-danger-on-dark: #f87171;

  /* Semantic hues — on-light set (Flex's paper surfaces): same families,
     darkened for contrast on white */
  --sem-ok-on-light: #0e9f6e;
  --sem-warn-on-light: #d97706;
  --sem-danger-on-light: #dc2626;
}