/**
 * DOT-CMS Auto-Generated Tri-Color Brand CI Stylesheet (60 · 30 · 10)
 * Generated At: 2026-10-28T18:14:41+00:00
 */
:root {
  --ci-60-base: #ffffff;
  --ci-30-base: #12488a;
  --ci-10-base: #1e293b;
  --ci-60-50: #fefefe;
  --ci-60-100: #ffffff;
  --ci-60-200: #ededed;
  --ci-60-300: #d0d6dd;
  --ci-60-400: #8392a5;
  --ci-60-500: #637388;
  --ci-60-600: #4b5868;
  --ci-60-700: #2e3e52;
  --ci-60-800: #1f2a37;
  --ci-60-900: #151d26;
  --ci-60-950: #0e1318;
  --ci-30-50: #f1f7fd;
  --ci-30-100: #dfecfb;
  --ci-30-200: #c0d9f7;
  --ci-30-300: #8ebaf0;
  --ci-30-400: #5497e9;
  --ci-30-500: #12488a;
  --ci-30-600: #0f3b71;
  --ci-30-700: #0c305b;
  --ci-30-800: #092445;
  --ci-30-900: #061a32;
  --ci-30-950: #04101e;
  --ci-10-50: #f1f4f8;
  --ci-10-100: #e1e6f0;
  --ci-10-200: #c2cde0;
  --ci-10-300: #93a7c8;
  --ci-10-400: #6485b9;
  --ci-10-500: #496ba2;
  --ci-10-600: #39537f;
  --ci-10-700: #28374f;
  --ci-10-800: #1e293b;
  --ci-10-900: #161e2a;
  --ci-10-950: #0e141c;
  /* Semantic Light Mode Tokens (Auto-mapped from 60-30-10) */
  --surface-canvas: var(--ci-60-100, #f8fafc);
  --surface-card: #ffffff;
  --surface-subtle: var(--ci-60-50, #fbfcfd);
  --surface-elevated: var(--ci-60-200, #e2e8f0);
  --surface-border: var(--ci-60-200, #e2e8f0);
  --text-heading: #0f172a;
  --text-body: #334155;
  --text-muted: #64748b;
}

html.dark {
  /* Semantic Dark Mode Tokens (Auto-inverted from Dominant 60% Shades) */
  --surface-canvas: var(--ci-60-950, #0c141d);
  --surface-card: var(--ci-60-900, #14212e);
  --surface-subtle: var(--ci-60-800, #1f3347);
  --surface-elevated: var(--ci-60-700, #2b4764);
  --surface-border: var(--ci-60-700, #2b4764);
  --text-heading: var(--ci-60-50, #f8fafc);
  --text-body: var(--ci-60-100, #e2e8f0);
  --text-muted: var(--ci-60-300, #cbd5e1);
}