/* generated by scripts/brand-tokens.py, do not edit */

:root, html[data-theme="light"] {
  --adv-brand: #1839a0;
  --adv-brand-hover: #2950e3;
  --adv-brand-soft: #f4f8ff;
  --adv-text: #0c1c4f;
  --adv-text-secondary: #54709f;
  --adv-text-muted: #94a8d1;
  --adv-border: #d3ddf8;
  --adv-surface: #ffffff;
  --adv-surface-2: #f4f6fb;
  --adv-navy: #0b1947;
  --adv-mint: #00ffc5;
  --adv-brand-active: #4071f7;
  --adv-brand-tint: #e5eeff;
  --adv-brand-tint-active: #d1e1ff;
  --adv-font-body: "Barlow", sans-serif;
  --adv-font-mono: "IBM Plex Mono", monospace;
}

html[data-theme="dark"] {
  --adv-brand: #85a3ff;
  --adv-brand-hover: #9eb6ff;
  --adv-brand-soft: #262626;
  --adv-text: #c4c4c4;
  --adv-text-secondary: #9e9e9e;
  --adv-text-muted: #7a7a7a;
  --adv-border: #2e2e2e;
  --adv-surface: #1c1c1c;
  --adv-surface-2: #171717;
  --adv-navy: #0f0f0f;
  --adv-mint: #00ffc5;
  --adv-brand-active: #6b90ff;
  --adv-brand-tint: #262626;
  --adv-brand-tint-active: #2e2e2e;
}

/* Radius scale, from ds-tokens tw-index.css (theme independent) */
:root {
  --adv-radius-none: 0px;
  --adv-radius-x-small: 2px;
  --adv-radius-small: 4px;
  --adv-radius-medium: 6px;
  --adv-radius-large: 8px;
  --adv-radius-x-large: 10px;
  --adv-radius-xx-large: 12px;
  --adv-radius-xxx-large: 16px;
  --adv-radius-round: 9999px;
}

/* Spacing scale, from ds-tokens tw-index.css. Control heights follow
   ds-component input.tsx: small h-medium, medium h-large, large h-x-large. */
:root {
  --adv-space-xx-small: 4px;
  --adv-space-x-small: 8px;
  --adv-space-small: 16px;
  --adv-space-medium: 24px;
  --adv-space-large: 32px;
  --adv-space-x-large: 40px;
  --adv-space-xx-large: 48px;
  --adv-space-xxx-large: 56px;
  --adv-space-4x-large: 120px;
  --adv-control-sm: var(--adv-space-medium);
  --adv-control-md: var(--adv-space-large);
  --adv-control-lg: var(--adv-space-x-large);
}