/* GENERATED by scripts/gen-tokens.mjs from design/tokens.json. Do not edit by hand:
   change the variable on the canvas (design/app.pen), export tokens.json, then run `npm run tokens`.
   To rebrand, this file and the logo are the only files to change (spec BR-17). */

:root {
  color-scheme: light dark;
  --background: #F2F6FC;
  --sidebar: #FFFFFF;
  --sidebar-border: #D5DDEA;
  --sidebar-accent: #E3ECFD;
  --sidebar-accent-foreground: #0C1A33;
  --sidebar-foreground: #0C1A33;
  --muted-foreground: #52617A;
  --foreground: #0C1A33;
  --secondary: #E9EFF8;
  --secondary-foreground: #0C1A33;
  --destructive: #C42B2B;
  --white: #FFFFFF;
  --border: #D5DDEA;
  --primary: #2457E0;
  --primary-foreground: #FFFFFF;
  --muted: #E9EFF8;
  --card: #FFFFFF;
  --input: #7D8BA3;
  --popover: #FFFFFF;
  --card-foreground: #0C1A33;
  --accent: #E3ECFD;
  --sky-1: #2457E0;
  --sky-2: #1C78C4;
  --on-sky: #FFFFFF;
  --ring: #2457E0;
  --selected: #2457E0;
  --on-selected: #FFFFFF;
  --error: #C42B2B;
  --error-bg: #FDEDED;
  --success: #0E7A55;
  --success-bg: #E7F6EF;
  --font-primary: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-secondary: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --text-display: 56px;
  --text-h1: 36px;
  --text-h2: 24px;
  --text-h3: 20px;
  --text-lead: 18px;
  --text-body: 16px;
  --text-small: 14px;
  --text-caption: 13px;
  --text-numeral: 30px;
  --text-numeral-sm: 23px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 22px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --sky-2-clear: #1C78C400;
  --scrim: #0C1A33B3;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0A1120;
    --sidebar: #0E1626;
    --sidebar-border: #26324A;
    --sidebar-accent: #16244A;
    --sidebar-accent-foreground: #EAF1FB;
    --sidebar-foreground: #EAF1FB;
    --muted-foreground: #9DAAC0;
    --foreground: #EAF1FB;
    --secondary: #16203A;
    --secondary-foreground: #EAF1FB;
    --destructive: #FF7A7A;
    --white: #0E1626;
    --border: #26324A;
    --primary: #6D97FF;
    --primary-foreground: #0A1120;
    --muted: #16203A;
    --card: #0E1626;
    --input: #6E7E9C;
    --popover: #0E1626;
    --card-foreground: #EAF1FB;
    --accent: #16244A;
    --sky-1: #0B1E4D;
    --sky-2: #0E4C6B;
    --on-sky: #FFFFFF;
    --ring: #6D97FF;
    --selected: #6D97FF;
    --on-selected: #0A1120;
    --error: #FF7A7A;
    --error-bg: #2A1418;
    --success: #3CCB92;
    --success-bg: #0F2A20;
    --sky-2-clear: #0E4C6B00;
    --scrim: #0C1A33B3;
  }
}

/* Forced themes, used only by the showcase to show both side by side. */
.theme-light {
  color-scheme: light;
  --background: #F2F6FC;
  --sidebar: #FFFFFF;
  --sidebar-border: #D5DDEA;
  --sidebar-accent: #E3ECFD;
  --sidebar-accent-foreground: #0C1A33;
  --sidebar-foreground: #0C1A33;
  --muted-foreground: #52617A;
  --foreground: #0C1A33;
  --secondary: #E9EFF8;
  --secondary-foreground: #0C1A33;
  --destructive: #C42B2B;
  --white: #FFFFFF;
  --border: #D5DDEA;
  --primary: #2457E0;
  --primary-foreground: #FFFFFF;
  --muted: #E9EFF8;
  --card: #FFFFFF;
  --input: #7D8BA3;
  --popover: #FFFFFF;
  --card-foreground: #0C1A33;
  --accent: #E3ECFD;
  --sky-1: #2457E0;
  --sky-2: #1C78C4;
  --on-sky: #FFFFFF;
  --ring: #2457E0;
  --selected: #2457E0;
  --on-selected: #FFFFFF;
  --error: #C42B2B;
  --error-bg: #FDEDED;
  --success: #0E7A55;
  --success-bg: #E7F6EF;
  --sky-2-clear: #1C78C400;
  --scrim: #0C1A33B3;
}

.theme-dark {
  color-scheme: dark;
  --background: #0A1120;
  --sidebar: #0E1626;
  --sidebar-border: #26324A;
  --sidebar-accent: #16244A;
  --sidebar-accent-foreground: #EAF1FB;
  --sidebar-foreground: #EAF1FB;
  --muted-foreground: #9DAAC0;
  --foreground: #EAF1FB;
  --secondary: #16203A;
  --secondary-foreground: #EAF1FB;
  --destructive: #FF7A7A;
  --white: #0E1626;
  --border: #26324A;
  --primary: #6D97FF;
  --primary-foreground: #0A1120;
  --muted: #16203A;
  --card: #0E1626;
  --input: #6E7E9C;
  --popover: #0E1626;
  --card-foreground: #EAF1FB;
  --accent: #16244A;
  --sky-1: #0B1E4D;
  --sky-2: #0E4C6B;
  --on-sky: #FFFFFF;
  --ring: #6D97FF;
  --selected: #6D97FF;
  --on-selected: #0A1120;
  --error: #FF7A7A;
  --error-bg: #2A1418;
  --success: #3CCB92;
  --success-bg: #0F2A20;
  --sky-2-clear: #0E4C6B00;
  --scrim: #0C1A33B3;
}