/* Visual refresh tokens: editorial opportunity board. Keep legacy names as stable aliases. */
:root{
  color-scheme: light;
  --bg: #f7f1e7;
  --bg2:#ece3d4;
  --panel:#fffaf1;
  --card:#fffdf8;
  --surface:#f1eadc;
  --surface-soft: rgba(78,64,43,.055);
  --surface-strong: rgba(78,64,43,.10);
  --text:#1e2a32;
  --muted:#60707c;
  --border: rgba(78,64,43,.16);
  --border-strong: rgba(78,64,43,.28);
  --shadow: 0 12px 28px rgba(65,50,31,.10);
  --shadow-soft: 0 7px 16px rgba(65,50,31,.075);
  --accent:#0f766e;
  --accent-strong:#115e59;
  --accent-contrast:#f4fffb;
  --accent2:#a16207;
  --accent-alt:#475569;
  --success:#15803d;
  --warn:#b45309;
  --warning:#b45309;
  --danger:#b91c1c;
  --disabled:#94a3b8;
  --chip:#efe6d8;
  --link:#0f5f73;
  --focus:#0f766e;
  --focus-ring: 0 0 0 3px rgba(15,118,110,.22);
  --radius: 18px;
  --radius2: 12px;
  --radius-pill: 999px;
  --page-gradient: linear-gradient(180deg, var(--bg), var(--bg2));
  --topbar-bg: rgba(255, 250, 241, .90);
  --topbar-shadow: 0 8px 18px rgba(65,50,31,.08);
  --brand-color: #1e2a32;
  --panel-tint: rgba(255,253,248,.72);
  --panel-tint-strong: rgba(255,253,248,.88);
  --input-bg: rgba(255,253,248,.78);
  --control-bg: rgba(78,64,43,.07);
  --control-bg-hover: rgba(78,64,43,.10);
  --control-border: rgba(78,64,43,.20);
  --control-border-hover: rgba(78,64,43,.32);
  --control-hover-shadow: 0 6px 14px rgba(65,50,31,.10);
  --btn-bg: rgba(15,118,110,.10);
  --btn-border: rgba(15,118,110,.28);
  --btn-hover-border: rgba(15,118,110,.45);
  --btn-hover-shadow: 0 6px 14px rgba(15,118,110,.13);
  --btn-secondary-bg: rgba(255,253,248,.82);
  --btn-secondary-border: rgba(78,64,43,.20);
  --btn-text: #1e2a32;
  --footer-bg: rgba(255,250,241,.86);
  --table-head-bg: rgba(255,250,241,.94);
  --table-row-bg: rgba(78,64,43,.035);
  --route-loader-bg: rgba(255,250,241,.92);
  --route-loader-track-bg: rgba(78,64,43,.14);
  --detail-metric-bg: rgba(255,253,248,.62);
  --hub-panel-bg: rgba(255,253,248,.68);
  --skeleton-bg: rgba(78,64,43,.08);
  --skeleton-shine: rgba(255,255,255,.55);
  --global-dock-bg: rgba(255,250,241,.96);
  --global-dock-color: #1e2a32;
  --share-facebook-color: #2563eb;
  --share-x-color: #1e2a32;
  --share-linkedin-color: #0a66c2;
  --share-whatsapp-color: #166534;
  --global-dock-shadow: 0 8px 18px rgba(65,50,31,.16);
  --assistant-toggle-icon: var(--accent);
  --assistant-toggle-shadow: none;
  --si-ink: #071a33;
  --si-muted: #4a5870;
  --si-paper: #f8f0dc;
  --si-panel: #fffaf0;
  --si-lime: #d9ff46;
  --si-red: #b9342f;
  --si-violet: #d8cbff;
  /* Decorative lines only; required control boundaries use --si-ink. */
  --si-line: rgba(7, 26, 51, 0.26);
  --si-shadow: rgba(7, 26, 51, 0.14);
  --si-radius-lg: 28px;
  --si-radius-md: 22px;
  --si-radius-sm: 16px;
  --z-base: 1;
  --z-topbar: 50;
  --z-global-dock: 90;
  --z-drawer: 120;
  --z-route-loader: 140;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-display: "Space Grotesk", "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: clamp(21px, 1.6vw, 24px);
  --text-xxl: clamp(32px, 4vw, 46px);
  --leading-tight: 1.15;
  --leading-title: 1.25;
  --leading-body: 1.55;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 14px;
  --space-5: 16px;
  --space-6: 18px;
  --space-7: 24px;
  --space-8: 32px;
  --control-min-height: 42px;
  --control-padding-block: 9px;
  --control-padding-inline: 12px;
  --panel-padding: clamp(14px, 1.4vw, 18px);
  --card-padding: clamp(14px, 1.25vw, 17px);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}