:root, .light{
  --yz-background: #F8F9FF;
  --yz-surface: #FFFFFF;
  --yz-surface-raised: #EBF0FF;
  --yz-text: #0A1631;
  --yz-text-muted: #52617A;
  --yz-border: #7487A4;
  --yz-primary: #315CC7;
  --yz-on-primary: #FFFFFF;
  --yz-accent: #6431B9;
  --yz-on-accent: #FFFFFF;
  --yz-brand-blue: #2163F6;
  --yz-brand-violet: #812DFF;
  --yz-brand-wash: #DEE5FF;
  --yz-info: #315CC7;
  --yz-on-info: #FFFFFF;
  --yz-success: #087D61;
  --yz-on-success: #FFFFFF;
  --yz-warning: #8B5A00;
  --yz-on-warning: #FFFFFF;
  --yz-danger: #B13F46;
  --yz-on-danger: #FFFFFF;
  --yz-focus-ring: #2756CA;
  --yz-chart-1: #315CC7;
  --yz-chart-2: #6B43B5;
  --yz-chart-3: #B34730;
  --yz-chart-4: #087D61;
  --yz-chart-5: #8B5A00;
}

:root[data-theme="dark"], .dark{
  --yz-background: #071126;
  --yz-surface: #0D1A37;
  --yz-surface-raised: #17294C;
  --yz-text: #F8F9FF;
  --yz-text-muted: #B8C6DF;
  --yz-border: #7A8EAF;
  --yz-primary: #A9BEFF;
  --yz-on-primary: #071126;
  --yz-accent: #BDA4FF;
  --yz-on-accent: #171028;
  --yz-brand-blue: #2163F6;
  --yz-brand-violet: #812DFF;
  --yz-brand-wash: #182B5B;
  --yz-info: #A9BEFF;
  --yz-on-info: #071126;
  --yz-success: #6FE4BB;
  --yz-on-success: #07251B;
  --yz-warning: #F7C96C;
  --yz-on-warning: #2E2004;
  --yz-danger: #FF9DA2;
  --yz-on-danger: #320D12;
  --yz-focus-ring: #C6D5FF;
  --yz-chart-1: #A9BEFF;
  --yz-chart-2: #BDA4FF;
  --yz-chart-3: #FFB899;
  --yz-chart-4: #6FE4BB;
  --yz-chart-5: #F7C96C;
}