/* Generated from tokens.json; edit tokens.json and run python3 build.py. */

:root {
  --dr-brand-purple: #57339C;
  --dr-brand-seafoam: #B5E9DD;
  --dr-brand-yellow: #F6E56F;
  --dr-brand-paper: #F3F1F8;
  --dr-font-ui: Arial, Helvetica, sans-serif;
  --dr-font-mono: "SFMono-Regular", Menlo, Consolas, monospace;
  --dr-type-xs: 12px;
  --dr-type-sm: 13px;
  --dr-type-base: 14px;
  --dr-type-body: 16px;
  --dr-type-lg: 20px;
  --dr-type-heading: 28px;
  --dr-type-title: 40px;
  --dr-type-metric: 64px;
  --dr-line-tight: 1.12;
  --dr-line-ui: 1.45;
  --dr-line-body: 1.6;
  --dr-tracking-heading: -0.03em;
  --dr-tracking-label: 0.055em;
  --dr-radius-xs: 4px;
  --dr-radius-control: 8px;
  --dr-radius-group: 12px;
  --dr-radius-panel: 16px;
  --dr-radius-overlay: 18px;
  --dr-radius-pill: 999px;
  --dr-motion-instant: 0ms;
  --dr-motion-fast: 120ms;
  --dr-motion-state: 200ms;
  --dr-motion-overlay: 280ms;
  --dr-ease-out: cubic-bezier(0.2,0,0,1);
  --dr-ease-in: cubic-bezier(0.4,0,1,1);
  --dr-ease-standard: cubic-bezier(0.4,0,0.2,1);
  --dr-glass-blur: 18px;
  --dr-glass-saturation: 1.25;
  --dr-z-base: 0;
  --dr-z-sticky: 20;
  --dr-z-popover: 40;
  --dr-z-modal: 60;
  --dr-z-toast: 80;
  --dr-content-max: 1440px;
  --dr-measure-copy: 68ch;
  --dr-focus-width: 2px;
  --dr-focus-offset: 3px;
  --dr-control-height: 40px;
  --dr-row-height: 48px;
  --dr-space-section: 64px;
  --dr-page-gutter: 32px;
  --dr-space-0: 0px;
  --dr-space-1: 4px;
  --dr-space-2: 8px;
  --dr-space-3: 12px;
  --dr-space-4: 16px;
  --dr-space-6: 24px;
  --dr-space-8: 32px;
  --dr-space-10: 40px;
  --dr-space-12: 48px;
  --dr-space-16: 64px;
  --dr-space-20: 80px;
  --dr-space-24: 96px;
  --dr-purple-50: #F3EFF9;
  --dr-purple-100: #E5DCF3;
  --dr-purple-200: #CFBCEA;
  --dr-purple-300: #AC91DF;
  --dr-purple-400: #9575CB;
  --dr-purple-500: #7956B7;
  --dr-purple-600: #6843AE;
  --dr-purple-700: #57339C;
  --dr-purple-800: #422574;
  --dr-purple-900: #2A1849;
  --dr-aqua-50: #EFFAF6;
  --dr-aqua-100: #D9F3EA;
  --dr-aqua-200: #B5E9DD;
  --dr-aqua-300: #86D8CD;
  --dr-aqua-400: #59C7BC;
  --dr-aqua-500: #32A89D;
  --dr-aqua-600: #23857A;
  --dr-aqua-700: #1E7168;
  --dr-aqua-800: #235B55;
  --dr-aqua-900: #1B423E;
  --dr-yellow-50: #FCFBEA;
  --dr-yellow-100: #FAF5C4;
  --dr-yellow-200: #F6E56F;
  --dr-yellow-300: #EDD44B;
  --dr-yellow-400: #D3B72E;
  --dr-yellow-500: #AE9320;
  --dr-yellow-600: #887216;
  --dr-yellow-700: #6C5A11;
  --dr-yellow-800: #50430E;
  --dr-yellow-900: #38300A;
}

:root, [data-dr-theme="light"] {
  --dr-canvas: #F3F4F6;
  --dr-surface: #FDFDFE;
  --dr-surface-raised: #FFFFFF;
  --dr-surface-subtle: #ECEEF2;
  --dr-text: #252832;
  --dr-text-secondary: #586273;
  --dr-text-muted: #606D80;
  --dr-text-on-action: #FFFFFF;
  --dr-border: #D9DCE3;
  --dr-border-control: #7C8695;
  --dr-action: #57339C;
  --dr-action-hover: #422574;
  --dr-action-pressed: #2A1849;
  --dr-selection: #E5DCF3;
  --dr-selection-text: #422574;
  --dr-focus: #57339C;
  --dr-accent: #1E7168;
  --dr-accent-soft: #D9F3EA;
  --dr-highlight: #F6E56F;
  --dr-highlight-text: #50430E;
  --dr-info: #57339C;
  --dr-info-bg: #F3EFF9;
  --dr-positive: #235B55;
  --dr-positive-bg: #E5F3EC;
  --dr-warning: #6C5A11;
  --dr-warning-bg: #FAF5C4;
  --dr-danger: #B02B40;
  --dr-danger-bg: #FBE9ED;
  --dr-neutral: #586273;
  --dr-neutral-bg: #ECEEF2;
  --dr-series-1: #57339C;
  --dr-series-2: #1E7168;
  --dr-series-3: #65778C;
  --dr-chart-grid: #D9DCE3;
  --dr-chart-axis: #606D80;
  --dr-glass-fill: linear-gradient(125deg,rgba(255,255,255,.82),rgba(255,255,255,.68) 58%,rgba(234,247,241,.74));
  --dr-glass-border: #B8BCC8;
  --dr-glass-fallback: #F9FAFB;
  --dr-glass-rim: rgba(255,255,255,.95);
  --dr-shadow-glass: inset 0 1px 0 rgba(255,255,255,.95),0 8px 24px rgba(38,31,51,.06);
  --dr-shadow-overlay: inset 0 1px 0 rgba(255,255,255,.95),0 18px 48px rgba(38,31,51,.14);
  --dr-scrim: rgba(22,19,30,.32);
  --dr-skeleton: #D9DCE3;
}

[data-dr-theme="dark"] {
  --dr-canvas: #0D1013;
  --dr-surface: #15191F;
  --dr-surface-raised: #20262E;
  --dr-surface-subtle: #1A2027;
  --dr-text: #EEEFF3;
  --dr-text-secondary: #ADB6C5;
  --dr-text-muted: #929DAE;
  --dr-text-on-action: #FFFFFF;
  --dr-border: #303944;
  --dr-border-control: #748298;
  --dr-action: #6843AE;
  --dr-action-hover: #7956B7;
  --dr-action-pressed: #57339C;
  --dr-selection: #302340;
  --dr-selection-text: #D6C2F1;
  --dr-focus: #B5E9DD;
  --dr-accent: #B5E9DD;
  --dr-accent-soft: #193A33;
  --dr-highlight: #F6E56F;
  --dr-highlight-text: #50430E;
  --dr-info: #CFBCEA;
  --dr-info-bg: #302340;
  --dr-positive: #B5E9DD;
  --dr-positive-bg: #193A33;
  --dr-warning: #F6E56F;
  --dr-warning-bg: #37321D;
  --dr-danger: #FFA9B5;
  --dr-danger-bg: #3B202A;
  --dr-neutral: #ADB6C5;
  --dr-neutral-bg: #252D38;
  --dr-series-1: #AC91DF;
  --dr-series-2: #B5E9DD;
  --dr-series-3: #A1B2C7;
  --dr-chart-grid: #303944;
  --dr-chart-axis: #929DAE;
  --dr-glass-fill: linear-gradient(125deg,rgba(39,39,50,.86),rgba(29,34,42,.74) 58%,rgba(29,43,41,.76));
  --dr-glass-border: #5B6372;
  --dr-glass-fallback: #20262E;
  --dr-glass-rim: rgba(255,255,255,.17);
  --dr-shadow-glass: inset 0 1px 0 rgba(255,255,255,.16),0 8px 24px rgba(0,0,0,.20);
  --dr-shadow-overlay: inset 0 1px 0 rgba(255,255,255,.18),0 18px 48px rgba(0,0,0,.38);
  --dr-scrim: rgba(0,0,0,.58);
  --dr-skeleton: #303944;
}

@media (prefers-color-scheme: dark) {
:root:not([data-dr-theme]) {
  --dr-canvas: #0D1013;
  --dr-surface: #15191F;
  --dr-surface-raised: #20262E;
  --dr-surface-subtle: #1A2027;
  --dr-text: #EEEFF3;
  --dr-text-secondary: #ADB6C5;
  --dr-text-muted: #929DAE;
  --dr-text-on-action: #FFFFFF;
  --dr-border: #303944;
  --dr-border-control: #748298;
  --dr-action: #6843AE;
  --dr-action-hover: #7956B7;
  --dr-action-pressed: #57339C;
  --dr-selection: #302340;
  --dr-selection-text: #D6C2F1;
  --dr-focus: #B5E9DD;
  --dr-accent: #B5E9DD;
  --dr-accent-soft: #193A33;
  --dr-highlight: #F6E56F;
  --dr-highlight-text: #50430E;
  --dr-info: #CFBCEA;
  --dr-info-bg: #302340;
  --dr-positive: #B5E9DD;
  --dr-positive-bg: #193A33;
  --dr-warning: #F6E56F;
  --dr-warning-bg: #37321D;
  --dr-danger: #FFA9B5;
  --dr-danger-bg: #3B202A;
  --dr-neutral: #ADB6C5;
  --dr-neutral-bg: #252D38;
  --dr-series-1: #AC91DF;
  --dr-series-2: #B5E9DD;
  --dr-series-3: #A1B2C7;
  --dr-chart-grid: #303944;
  --dr-chart-axis: #929DAE;
  --dr-glass-fill: linear-gradient(125deg,rgba(39,39,50,.86),rgba(29,34,42,.74) 58%,rgba(29,43,41,.76));
  --dr-glass-border: #5B6372;
  --dr-glass-fallback: #20262E;
  --dr-glass-rim: rgba(255,255,255,.17);
  --dr-shadow-glass: inset 0 1px 0 rgba(255,255,255,.16),0 8px 24px rgba(0,0,0,.20);
  --dr-shadow-overlay: inset 0 1px 0 rgba(255,255,255,.18),0 18px 48px rgba(0,0,0,.38);
  --dr-scrim: rgba(0,0,0,.58);
  --dr-skeleton: #303944;
}
}

[data-dr-density="comfortable"] {
  --dr-control-height: 40px;
  --dr-row-height: 48px;
}

[data-dr-density="compact"] {
  --dr-control-height: 32px;
  --dr-row-height: 40px;
}

@media (pointer: coarse), (max-width: 640px) { :root, [data-dr-density] { --dr-control-height:44px; --dr-row-height:52px; --dr-page-gutter:20px; } }