/* ─── BARITU DASHBOARD — Design Tokens v2 ────────────────────────────────
   Operational infrastructure environment · Calm · Institutional · Persistent
   Not a dashboard. An operational layer.
────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Backgrounds — warm carbon, not cold black ── */
  --bg-base:      #0f1012;   /* warm carbon base */
  --bg-elevated:  #141618;   /* sidebar, cards — slightly warm */
  --bg-overlay:   #191c1f;   /* modals, dropdowns */
  --bg-surface:   #1e2124;   /* inputs, code blocks */
  --bg-depth:     #0c0d0f;   /* deepest — atmosphere */
  --bg-hover:     rgba(245,242,236,.035);
  --bg-active:    rgba(0,173,80,.07);
  --bg-glass:     rgba(20,22,24,.7);

  /* ── Borders — warm earth tones ── */
  --border:       #232629;
  --border-warm:  rgba(232,226,216,.055);
  --border-soft:  rgba(232,226,216,.032);
  --border-focus: rgba(0,173,80,.32);
  --border-eco:   rgba(45,140,95,.2);

  /* ── Text — warm cream hierarchy ── */
  --text-primary:   #e2ddd6;   /* warm cream — not stark white */
  --text-secondary: #848894;
  --text-muted:     #4a4d58;
  --text-ghost:     #2e3038;
  --text-dim:       #1e2028;

  /* ── Brand accents ── */
  --p:        #00AD50;
  --p-soft:   rgba(0,173,80,.1);
  --p-border: rgba(0,173,80,.2);
  --p-text:   #3ce58f;
  --p-dim:    rgba(0,173,80,.05);

  /* ── Operational ecosystem green ── */
  --eco:        #2a8055;
  --eco-soft:   rgba(42,128,85,.08);
  --eco-border: rgba(42,128,85,.18);
  --eco-text:   #4fab7a;
  --eco-dim:    rgba(42,128,85,.04);

  /* ── Earth cream accents (from landing) ── */
  --cream:        #f0ece4;
  --cream-soft:   rgba(240,236,228,.055);
  --cream-border: rgba(218,212,200,.1);
  --cream-dim:    rgba(240,236,228,.025);

  /* ── Operational status ── */
  --ok:        #4a9e6e;
  --ok-bright: #5db888;
  --ok-soft:   rgba(74,158,110,.09);
  --ok-dim:    rgba(74,158,110,.04);
  --warn:      #c08040;
  --warn-soft: rgba(192,128,64,.09);
  --err:       #b85050;
  --err-bright:#d46060;
  --err-soft:  rgba(184,80,80,.09);
  --info:      var(--p);

  /* ── Runtime-specific tokens (proprietary operational language) ── */
  --rt-active:    rgba(74,158,110,.12);
  --rt-border:    rgba(74,158,110,.15);
  --rt-text:      #4a9e6e;
  --rt-pulse:     #5db888;

  --orch-active:  rgba(0,173,80,.1);
  --orch-border:  rgba(0,173,80,.16);
  --orch-text:    #3ce58f;

  --obs-active:   rgba(42,128,85,.08);
  --obs-border:   rgba(42,128,85,.14);
  --obs-text:     #4fab7a;

  --env-prod:     rgba(184,80,80,.08);
  --env-prod-b:   rgba(184,80,80,.15);
  --env-stage:    rgba(192,128,64,.08);
  --env-stage-b:  rgba(192,128,64,.15);
  --env-local:    rgba(0,173,80,.07);
  --env-local-b:  rgba(0,173,80,.14);

  /* ── Confidence levels ── */
  --conf-high:     #4a9e6e;
  --conf-medium:   #c08040;
  --conf-low:      #b85050;
  --conf-critical: #d03030;

  /* ── Typography ── */
  --font: 'Aeonik', 'Satoshi', system-ui, sans-serif;
  --mono: 'Aeonik Mono', 'DM Mono', monospace;

  /* ── Sizing ── */
  --sidebar-w:  220px;
  --topbar-h:   52px;
  --radius:     9px;
  --radius-sm:  5px;
  --radius-lg:  13px;
  --radius-xl:  18px;

  /* ── Motion — calm, persistent, atmospheric ── */
  --ease:        cubic-bezier(.33,1,.68,1);
  --ease-soft:   cubic-bezier(.25,1,.5,1);
  --ease-in:     cubic-bezier(.4,0,1,1);
  --dur-fast:    .12s;
  --dur:         .22s;
  --dur-md:      .35s;
  --dur-lg:      .5s;
  --dur-breath:  3.5s;   /* breathing animations */
  --dur-pulse:   2.8s;   /* heartbeat indicators */
  --dur-drift:   18s;    /* atmospheric drift */
}