:root {
  --site-color-canvas: #F5F5F7;
  --site-color-canvas-rgb: 245, 245, 247;
  --site-color-surface: #FFFFFF;
  --site-color-surface-rgb: 255, 255, 255;
  --site-color-surface-subtle: #F4F2FB;
  --site-color-surface-subtle-rgb: 244, 242, 251;
  --site-color-text: #15151A;
  --site-color-text-rgb: 21, 21, 26;
  --site-color-text-muted: #6B6680;
  --site-color-text-muted-rgb: 107, 102, 128;
  --site-color-border: #EFECF7;
  --site-color-border-rgb: 239, 236, 247;
  --site-color-canvas-inverse: #030305;
  --site-color-canvas-inverse-rgb: 3, 3, 5;
  --site-color-surface-inverse: #15151F;
  --site-color-surface-inverse-rgb: 21, 21, 31;
  --site-color-text-inverse: #FFFFFF;
  --site-color-text-inverse-rgb: 255, 255, 255;
  --site-color-text-inverse-muted: #9B9BB0;
  --site-color-text-inverse-muted-rgb: 155, 155, 176;
  --site-color-primary: #9146FF;
  --site-color-primary-rgb: 145, 70, 255;
  --site-color-primary-strong: #7C3AED;
  --site-color-primary-strong-rgb: 124, 58, 237;
  --site-color-primary-soft: #A78BFA;
  --site-color-primary-soft-rgb: 167, 139, 250;
  --site-color-secondary: #EC4899;
  --site-color-secondary-rgb: 236, 72, 153;
  --site-color-accent: #00F0FF;
  --site-color-accent-rgb: 0, 240, 255;
  --site-color-on-primary: #FFFFFF;
  --site-color-on-primary-rgb: 255, 255, 255;
  --site-color-focus: #9146FF;
  --site-color-focus-rgb: 145, 70, 255;
  --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));
}