/* Structural Gap color tokens — v1
 * Source: public/brand/spec/color-tokens.json
 * Generated by scripts/brand/generate-assets.mjs — do not edit by hand. */
:root {
  --sg-ink: #0F172A; /* Primary text, lockup */
  --sg-ink-rgb: 15 23 42;
  --sg-ink-oklch: 20.77% 0.0398 265.75;
  --sg-blue: #2563EB; /* Accent, gap rectangle, links */
  --sg-blue-rgb: 37 99 235;
  --sg-blue-oklch: 54.61% 0.2152 262.88;
  --sg-blue-deep: #1D4ED8; /* Hover, headlines on accent */
  --sg-blue-deep-rgb: 29 78 216;
  --sg-blue-deep-oklch: 48.82% 0.2172 264.38;
  --sg-blue-bright: #3B82F6; /* Brighter blue for emphasis */
  --sg-blue-bright-rgb: 59 130 246;
  --sg-blue-bright-oklch: 62.31% 0.188 259.81;
  --sg-blue-pale: #DBEAFE; /* Tinted backgrounds, callouts */
  --sg-blue-pale-rgb: 219 234 254;
  --sg-blue-pale-oklch: 93.19% 0.0316 255.59;
  --sg-bg: #FAFBFC; /* Off-white background */
  --sg-bg-rgb: 250 251 252;
  --sg-bg-oklch: 98.76% 0.0017 247.84;
  --sg-surface-1: #FFFFFF; /* Card surface */
  --sg-surface-1-rgb: 255 255 255;
  --sg-surface-1-oklch: 100% 0 89.88;
  --sg-surface-2: #F3F4F6; /* Subtle panel surface */
  --sg-surface-2-rgb: 243 244 246;
  --sg-surface-2-oklch: 96.7% 0.0029 264.54;
  --sg-surface-3: #E8EBF0; /* Inset panel surface */
  --sg-surface-3-rgb: 232 235 240;
  --sg-surface-3-oklch: 93.92% 0.0075 260.73;
  --sg-slate: #64748B; /* Eyebrows, metadata */
  --sg-slate-rgb: 100 116 139;
  --sg-slate-oklch: 55.44% 0.0407 257.42;
}