:root {
  --site-color-canvas: #F6FAFF;
  --site-color-canvas-rgb: 246, 250, 255;
  --site-color-surface: #FFFFFF;
  --site-color-surface-rgb: 255, 255, 255;
  --site-color-surface-subtle: #EDF6FC;
  --site-color-surface-subtle-rgb: 237, 246, 252;
  --site-color-text: #11263D;
  --site-color-text-rgb: 17, 38, 61;
  --site-color-text-muted: #5D7085;
  --site-color-text-muted-rgb: 93, 112, 133;
  --site-color-border: #D9E7F2;
  --site-color-border-rgb: 217, 231, 242;
  --site-color-canvas-inverse: #06131F;
  --site-color-canvas-inverse-rgb: 6, 19, 31;
  --site-color-surface-inverse: #0C2233;
  --site-color-surface-inverse-rgb: 12, 34, 51;
  --site-color-text-inverse: #F8FAFC;
  --site-color-text-inverse-rgb: 248, 250, 252;
  --site-color-text-inverse-muted: #B8D0E0;
  --site-color-text-inverse-muted-rgb: 184, 208, 224;
  --site-color-primary: #2563EB;
  --site-color-primary-rgb: 37, 99, 235;
  --site-color-primary-strong: #1E40AF;
  --site-color-primary-strong-rgb: 30, 64, 175;
  --site-color-primary-soft: #93C5FD;
  --site-color-primary-soft-rgb: 147, 197, 253;
  --site-color-secondary: #0F766E;
  --site-color-secondary-rgb: 15, 118, 110;
  --site-color-accent: #D97706;
  --site-color-accent-rgb: 217, 119, 6;
  --site-color-on-primary: #FFFFFF;
  --site-color-on-primary-rgb: 255, 255, 255;
  --site-color-focus: #0284C7;
  --site-color-focus-rgb: 2, 132, 199;
  --site-color-success: #22C55E;
  --site-color-success-rgb: 34, 197, 94;
  --site-color-warning: #F59E0B;
  --site-color-warning-rgb: 245, 158, 11;
  --site-color-danger: #EF4444;
  --site-color-danger-rgb: 239, 68, 68;
  --site-color-live: #FF4D6D;
  --site-color-live-rgb: 255, 77, 109;
  --site-gradient-brand: linear-gradient(135deg, var(--site-color-primary), var(--site-color-secondary));
  --site-gradient-primary: linear-gradient(135deg, var(--site-color-primary), var(--site-color-primary-strong));
}