/**
 * brand-bridge.css — Intelego Story-Site Theme Bridge
 * =====================================================
 * Bridges the IIO SSOT token namespace (--iio-*) to the story-site semantic
 * vars used by use-case pages rendered by render-story-pack.sh.
 *
 * Load BEFORE inline page styles. Pages use var(--navy, #1a3870) etc.
 * with hex fallbacks so they work even without this file.
 *
 * Phase 3 — Live Theming: updating SSOT --iio-* tokens changes all use-case
 * pages without re-render.
 *
 * NOTE: LHS vars (--navy/--amber/--accent/--green/--ground/--ink) are the
 * story-site's OWN semantic layer — NOT the global --iio-* namespace. They
 * must stay bare (do not migrate). Excluded from codemod-tokens.py.
 *
 * Tenant: intelego | Site: intelego-solutions
 */

/* ── Load IIO SSOT tokens (provides --iio-* namespace) ── */
@import url("https://cockpit.iio.space/api/tenant-css/intelego");

/* ── Story-site semantic vars bridged to SSOT ── */
:root {
  /* Primary palette */
  --navy:       var(--iio-blue-900,  #1a3870);
  --navy-light: var(--iio-blue-600,  #2454a0);
  --amber:      var(--iio-warn,      #e8961a);
  --accent:     var(--iio-accent,    #e05a20);
  --green:      var(--iio-ok,        #2a9d5c);

  /* Surfaces & Text */
  --ground:     var(--iio-surface,   #f7f4ef);
  --ink:        var(--iio-ink-1,     #1a1c22);
  --muted:      var(--iio-ink-3,     #656880);

  /* Component helpers */
  --radius:     var(--iio-r-md,      12px);
  --shadow:     var(--iio-shadow-md, 0 4px 16px rgba(0,0,0,.08));
  --font-sans:  var(--iio-font-sans, "Inter","Segoe UI",system-ui,sans-serif);
  --font-mono:  var(--iio-font-mono, "JetBrains Mono","Fira Code",monospace);
}

/* ── Dark mode override (inherits from SSOT dark vars) ── */
@media (prefers-color-scheme: dark) {
  :root {
    --navy:   var(--iio-blue-500,  #3b82f6);
    --ground: var(--iio-bg,        #0f1117);
    --ink:    var(--iio-ink-1,     #f0f2ff);
  }
}

/* ── Utility classes added by improvement pass (2026-06-10) ── */
/* Reduces inline style drift across pages */

/* Comparison list markers */
.list-check { position:absolute; left:0; color:var(--green, #2a9d5c); font-weight:700; }
.list-cross { position:absolute; left:0; color:var(--amber, #e8961a); font-weight:700; }

/* Common text utilities */
.text-muted-sm { font-size:.8rem; color:var(--muted, #656880); }
.text-ink3-sm  { font-size:.8rem; color:var(--iio-muted, #656880); }

/* Reveal animation delay utilities (for story-pack pages) */
.d1 { transition-delay:.05s }
.d2 { transition-delay:.10s }
.d3 { transition-delay:.15s }

/* Section border helper */
.sec-bd-top { border-top: 1px solid var(--iio-line, #ccd6e8); }