:root {
  /* snori v2 — technical SaaS palette (white / navy / light-blue / bronze).
     Approved 2026-07-02, mockups docs/design/mockups/snori_design_system.html
     + snori_design_canonical.html. Supersedes the old warm/beige direction. */
  --color-bg:         #FFFFFF; /* page background — white */
  --color-panel:      #F4F8FC; /* alternating band / soft surface */
  --color-navy:       #0B2E52; /* text, mesh nodes, dark chrome (nav strip, panel headers) */
  --color-blue:       #1C74C9; /* functional accent: primary buttons, links, active state.
                                  Deepened from the mockup's #1E7FD4 (only 4.17:1 white-on-blue)
                                  to clear WCAG AA 4.5:1 (now 4.83:1) for button text + blue links. */
  --color-blue-dark:  #1668B0; /* button hover */
  --color-bronze:     #B07A3C; /* decorative contrast accent: hub node, borders, dots, version chips */
  --color-bronze-text:#8A5A28; /* darker bronze for TEXT (eyebrows/kickers/labels) — WCAG AA 5.9:1 on white; #B07A3C is 3.7:1 and fails as text */
  --color-text:       #13293F; /* body text */
  --color-text-muted: #5E7085;
  --color-line:       #E1E9F2; /* hairline borders */
  --color-mesh-line:  #BFD4EA; /* foreground mesh strands */
  --color-mesh-line-bg:#DCE6F2;/* background mesh strands */
  --color-on-navy:    #9DB6D2; /* muted label text on the navy panel header */
  --color-browser-dot:#CFDCEC; /* traffic-light dots in the browser-window chrome */
  --color-danger:     #C0392B; /* delete-confirm semantics in the delete illustration */

  /* --- back-compat aliases: old token names map onto the v2 palette so the
     existing component CSS recolours automatically. New code uses the v2 names
     above; these keep the ~1500 lines of page CSS working without a rewrite. --- */
  --color-paper:      var(--color-bg);
  --color-ink:        var(--color-navy);
  --color-text-body:  var(--color-text);
  --color-border:     var(--color-line);
  --color-amber:      var(--color-bronze-text); /* eyebrows, index numbers, section CTAs — AA-safe bronze text */
  --color-moss:       var(--color-bronze-text); /* old secondary label accent → AA-safe bronze text */
  /* app-sidebar tokens are retired on the marketing site (app defines its own) */
  --color-sidebar-fg:        #C7CDDA;
  --color-sidebar-fg-muted:  #A8B0C4;
  --color-sidebar-active-bg: #173B63;
  --color-sidebar-border:    #3A4A66;

  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  --radius: 4px;      /* buttons, inputs — restrained SaaS corner */
  --radius-lg: 6px;   /* cards / product windows / panels */
  --shadow-card: 0 8px 24px rgba(11, 46, 82, 0.06);
  --shadow-pop: 0 12px 30px rgba(11, 46, 82, 0.08);

  --content-width: 1060px;
}