/* Generated by scripts/build_design_tokens.py; edit design/tokens.json. */
@font-face {
  font-family: 'Manrope';
  src: url('./fonts/Manrope.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  /* primitive */
  --blue-600: #3157F6;
  --blue-700: #2445CF;
  --blue-800: #1C36A4;
  --blue-50: #EEF2FF;
  --blue-100: #DEE6FF;
  --night-950: #121624;
  --slate-700: #48516A;
  --slate-600: #606A80;
  --slate-400: #8A93A6;
  --slate-300: #B5BECE;
  --slate-200: #DCE1EB;
  --slate-100: #EBEEF5;
  --slate-50: #F5F7FB;
  --white: #FFFFFF;
  --green-700: #196447;
  --green-50: #EAF6EF;
  --amber-800: #84500C;
  --amber-50: #FFF4DE;
  --red-700: #AF283F;
  --red-50: #FDEEF1;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --type-caption: 12px;
  --type-small: 13px;
  --type-body: 14px;
  --type-lead: 16px;
  --type-h3: 18px;
  --type-h2: 22px;
  --type-h1: 28px;
  --type-display: 44px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --font-ui: 'Manrope', 'Segoe UI', Arial, sans-serif;
  --font-code: 'Cascadia Code', 'Consolas', monospace;
  --motion-fast: 140ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  /* semantic */
  --brand-blue: var(--blue-600);
  --brand-night: var(--night-950);
  --document-canvas: var(--slate-50);
  --document-sheet: var(--white);
  --document-ink: var(--night-950);
  --document-supporting: var(--slate-700);
  --document-meta: var(--slate-600);
  --document-disabled: var(--slate-400);
  --document-divider: var(--slate-200);
  --control-border: var(--slate-300);
  --control-fill: var(--slate-50);
  --control-focus: var(--blue-600);
  --action-primary: var(--blue-600);
  --action-hover: var(--blue-700);
  --action-pressed: var(--blue-800);
  --action-foreground: var(--white);
  --selection-surface: var(--blue-50);
  --status-success: var(--green-700);
  --status-success-bg: var(--green-50);
  --status-warning: var(--amber-800);
  --status-warning-bg: var(--amber-50);
  --status-error: var(--red-700);
  --status-error-bg: var(--red-50);
  --font-body: var(--font-ui);
  --font-data: var(--font-code);
  --spacing-control: var(--space-3);
  --spacing-panel: var(--space-6);
  --spacing-section: var(--space-8);
  /* component */
  --button-bg: var(--action-primary);
  --button-fg: var(--action-foreground);
  --button-hover: var(--action-hover);
  --button-height: 40px;
  --button-radius: var(--radius-sm);
  --input-bg: var(--control-fill);
  --input-border: var(--control-border);
  --sheet-bg: var(--document-sheet);
  --sheet-padding: var(--spacing-panel);
  --sheet-radius: var(--radius-md);
  --nav-selected-bg: var(--selection-surface);
  --nav-selected-ink: var(--action-primary);
  --sidebar-width: 272px;
  --header-height: 64px;
  --paper: var(--document-canvas);
  --sheet: var(--document-sheet);
  --ink: var(--document-ink);
  --ink-secondary: var(--document-supporting);
  --ink-muted: var(--document-meta);
  --line: var(--document-divider);
  --rule: var(--control-border);
  --stamp: var(--action-primary);
  --stamp-hover: var(--action-hover);
  --stamp-wash: var(--selection-surface);
  --pencil-wash: var(--slate-100);
  --warning: var(--status-warning);
  --warning-wash: var(--status-warning-bg);
  --error: var(--status-error);
  --error-wash: var(--status-error-bg);
  --field: var(--control-fill);
  --focus: var(--control-focus);
  --radius: var(--button-radius);
  --font: var(--font-body);
  --mono: var(--font-data);
}