/* Generated from design-tokens.json by qumesh_console/brand.py. Do not edit by hand:
   the committed file is asserted to equal this output, so an edit here is a test failure
   rather than a silent divergence from the published Foundations export. */
:root {
  --palette-amber-50: #fbf3e2;
  --palette-amber-600: #b67811;
  --palette-filament-500: #12c2d6;
  --palette-filament-600: #0aa2b6;
  --palette-green-50: #e8f7ef;
  --palette-green-600: #178a5c;
  --palette-indigo-100: #e2e4fd;
  --palette-indigo-200: #c7ccfb;
  --palette-indigo-300: #a2aaf6;
  --palette-indigo-400: #7c84ee;
  --palette-indigo-50: #eef0fe;
  --palette-indigo-500: #5c63e4;
  --palette-indigo-50s: #eef0fe;
  --palette-indigo-600: #474dd4;
  --palette-indigo-700: #383db0;
  --palette-indigo-800: #2e3288;
  --palette-indigo-900: #24265e;
  --palette-indigo-950: #16183a;
  --palette-neutral-0: #ffffff;
  --palette-neutral-100: #eceff4;
  --palette-neutral-1000: #060810;
  --palette-neutral-150: #e1e6ed;
  --palette-neutral-200: #d2d8e2;
  --palette-neutral-25: #fafbfc;
  --palette-neutral-300: #b7c0ce;
  --palette-neutral-400: #96a0b1;
  --palette-neutral-50: #f4f6f9;
  --palette-neutral-500: #6e7887;
  --palette-neutral-600: #515a69;
  --palette-neutral-700: #3a424f;
  --palette-neutral-800: #262d38;
  --palette-neutral-850: #1c222b;
  --palette-neutral-900: #141922;
  --palette-neutral-950: #0c0f16;
  --palette-red-50: #fcecec;
  --palette-red-600: #c5322e;
  --palette-sky-50: #e7f1fe;
  --palette-sky-600: #1b72ce;
  --dimension-breakpoint-lg: 1280px;
  --dimension-breakpoint-md: 960px;
  --dimension-breakpoint-sm: 640px;
  --dimension-breakpoint-xl: 1600px;
  --dimension-radius-2xl: 16px;
  --dimension-radius-full: 9999px;
  --dimension-radius-lg: 8px;
  --dimension-radius-md: 6px;
  --dimension-radius-none: 0px;
  --dimension-radius-sm: 4px;
  --dimension-radius-xl: 12px;
  --dimension-radius-xs: 2px;
  --dimension-space-0: 0px;
  --dimension-space-1: 4px;
  --dimension-space-10: 40px;
  --dimension-space-12: 48px;
  --dimension-space-16: 64px;
  --dimension-space-2: 8px;
  --dimension-space-20: 80px;
  --dimension-space-24: 96px;
  --dimension-space-3: 12px;
  --dimension-space-32: 128px;
  --dimension-space-4: 16px;
  --dimension-space-5: 20px;
  --dimension-space-6: 24px;
  --dimension-space-8: 32px;
  --duration-base: 220ms;
  --duration-fast: 120ms;
  --duration-quick: 160ms;
  --duration-slow: 320ms;
  --duration-slower: 480ms;
  --typography-fontSize-body: 16px;
  --typography-fontSize-body-lg: 18px;
  --typography-fontSize-body-sm: 14px;
  --typography-fontSize-caption: 12px;
  --typography-fontSize-display: 56px;
  --typography-fontSize-display-lg: 72px;
  --typography-fontSize-display-sm: 40px;
  --typography-fontSize-headline: 30px;
  --typography-fontSize-label: 13px;
  --typography-fontSize-title: 24px;
  --typography-fontSize-title-sm: 20px;
}

/* Light is the default; dark is the same semantic names resolved to their dark values, so
   a component never chooses a theme and no colour is written twice. */
:root, :root[data-theme="light"] {
  --color-accent-brand: #474dd4;
  --color-accent-brandSubtle: #eef0fe;
  --color-accent-signal: #0aa2b6;
  --color-action-primary: #474dd4;
  --color-action-primaryActive: #2e3288;
  --color-action-primaryHover: #383db0;
  --color-action-secondary: #eceff4;
  --color-action-secondaryHover: #e1e6ed;
  --color-background-canvas: #f4f6f9;
  --color-background-inverse: #060810;
  --color-background-raised: #ffffff;
  --color-background-sunken: #eceff4;
  --color-background-surface: #ffffff;
  --color-border-default: #d2d8e2;
  --color-border-focus: #474dd4;
  --color-border-strong: #b7c0ce;
  --color-border-subtle: #e1e6ed;
  --color-status-danger: #c5322e;
  --color-status-info: #1b72ce;
  --color-status-success: #178a5c;
  --color-status-warning: #b67811;
  --color-text-brand: #383db0;
  --color-text-disabled: #96a0b1;
  --color-text-onAccent: #ffffff;
  --color-text-onInverse: #f4f6f9;
  --color-text-primary: #060810;
  --color-text-secondary: #515a69;
  --color-text-tertiary: #6e7887;
}

:root[data-theme="dark"] {
  --color-accent-brand: #474dd4;
  --color-accent-brandSubtle: #16183a;
  --color-accent-signal: #12c2d6;
  --color-action-primary: #5c63e4;
  --color-action-primaryActive: #2e3288;
  --color-action-primaryHover: #7c84ee;
  --color-action-secondary: #262d38;
  --color-action-secondaryHover: #3a424f;
  --color-background-canvas: #060810;
  --color-background-inverse: #f4f6f9;
  --color-background-raised: #141922;
  --color-background-sunken: #060810;
  --color-background-surface: #0c0f16;
  --color-border-default: #262d38;
  --color-border-focus: #474dd4;
  --color-border-strong: #3a424f;
  --color-border-subtle: #1c222b;
  --color-status-danger: #c5322e;
  --color-status-info: #1b72ce;
  --color-status-success: #178a5c;
  --color-status-warning: #b67811;
  --color-text-brand: #a2aaf6;
  --color-text-disabled: #96a0b1;
  --color-text-onAccent: #ffffff;
  --color-text-onInverse: #f4f6f9;
  --color-text-primary: #f4f6f9;
  --color-text-secondary: #b7c0ce;
  --color-text-tertiary: #96a0b1;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-accent-brand: #474dd4;
    --color-accent-brandSubtle: #16183a;
    --color-accent-signal: #12c2d6;
    --color-action-primary: #5c63e4;
    --color-action-primaryActive: #2e3288;
    --color-action-primaryHover: #7c84ee;
    --color-action-secondary: #262d38;
    --color-action-secondaryHover: #3a424f;
    --color-background-canvas: #060810;
    --color-background-inverse: #f4f6f9;
    --color-background-raised: #141922;
    --color-background-sunken: #060810;
    --color-background-surface: #0c0f16;
    --color-border-default: #262d38;
    --color-border-focus: #474dd4;
    --color-border-strong: #3a424f;
    --color-border-subtle: #1c222b;
    --color-status-danger: #c5322e;
    --color-status-info: #1b72ce;
    --color-status-success: #178a5c;
    --color-status-warning: #b67811;
    --color-text-brand: #a2aaf6;
    --color-text-disabled: #96a0b1;
    --color-text-onAccent: #ffffff;
    --color-text-onInverse: #f4f6f9;
    --color-text-primary: #f4f6f9;
    --color-text-secondary: #b7c0ce;
    --color-text-tertiary: #96a0b1;
  }
}