/* Incas — generated from the design system tokens.json. Do not edit by hand. */
:root, [data-theme="light"] {
  --purple: #310686;
  --purple-deep: #25006e;
  --purple-line: #4a2495;
  --green: #b8ff00;
  --white: #ffffff;
  --grey: #e7e7e7;
  --graphite: #181818;
  --black: #030303;
  --surface: var(--white);
  --surface-raised: var(--white);
  --surface-muted: #f3f3f3;
  --surface-strong: var(--grey);
  --surface-hover: #f3f3f3;
  --surface-selected: #efebf5;
  --surface-brand: var(--purple);
  --surface-brand-deep: var(--purple-deep);
  --ink: var(--black);
  --ink-muted: #4d4d4d;
  --ink-subtle: #6b6b6b;
  --ink-inverse: var(--white);
  --on-brand: var(--white);
  --on-brand-muted: #c1b4db;
  --border: var(--grey);
  --border-strong: #8a8a8a;
  --action-primary: var(--purple);
  --action-primary-hover: var(--purple-deep);
  --on-action-primary: var(--white);
  --action-secondary: var(--grey);
  --action-secondary-hover: #d9d9d9;
  --accent: var(--green);
  --accent-hover: #d4ff66;
  --on-accent: var(--purple);
  --link: var(--purple);
  --focus-ring: var(--purple);
  --overlay: rgba(3, 3, 3, 0.56);
  --success: var(--green);
  --on-success: var(--purple);
  --success-text: #2f6b00;
  --success-subtle: #f1ffcc;
  --info: #02c0fc;
  --on-info: var(--black);
  --info-text: #006b99;
  --info-subtle: #e5f8ff;
  --warning: #ffb800;
  --on-warning: var(--black);
  --warning-text: #8a5a00;
  --warning-subtle: #fff4d6;
  --danger: #c22d00;
  --on-danger: var(--white);
  --danger-text: #c22d00;
  --danger-subtle: #ffece6;
  --logo-mark: var(--black);
  --logo-word: var(--black);
  --shadow-popover: 0 8px 24px rgba(3, 3, 3, 0.12);
  --shadow-modal: 0 24px 64px rgba(3, 3, 3, 0.2);
}
[data-theme="dark"] {
  --purple: #310686;
  --purple-deep: #25006e;
  --purple-line: #4a2495;
  --green: #b8ff00;
  --white: #ffffff;
  --grey: #e7e7e7;
  --graphite: #181818;
  --black: #030303;
  --surface: var(--black);
  --surface-raised: var(--graphite);
  --surface-muted: #0f0f0f;
  --surface-strong: #2a2a2a;
  --surface-hover: #222222;
  --surface-selected: var(--purple-deep);
  --surface-brand: var(--purple);
  --surface-brand-deep: var(--purple-deep);
  --ink: var(--white);
  --ink-muted: #b3b3b3;
  --ink-subtle: #8c8c8c;
  --ink-inverse: var(--black);
  --on-brand: var(--white);
  --on-brand-muted: #c1b4db;
  --border: #2a2a2a;
  --border-strong: #6e6e6e;
  --action-primary: var(--green);
  --action-primary-hover: #d4ff66;
  --on-action-primary: var(--purple);
  --action-secondary: #2a2a2a;
  --action-secondary-hover: #3a3a3a;
  --accent: var(--green);
  --accent-hover: #d4ff66;
  --on-accent: var(--purple);
  --link: var(--green);
  --focus-ring: var(--green);
  --overlay: rgba(0, 0, 0, 0.72);
  --success: var(--green);
  --on-success: var(--purple);
  --success-text: var(--green);
  --success-subtle: #1f2900;
  --info: #02c0fc;
  --on-info: var(--black);
  --info-text: #02c0fc;
  --info-subtle: #002433;
  --warning: #ffb800;
  --on-warning: var(--black);
  --warning-text: #ffb800;
  --warning-subtle: #2e2100;
  --danger: #d43100;
  --on-danger: var(--white);
  --danger-text: #ff6a3d;
  --danger-subtle: #2e0d00;
  --logo-mark: var(--green);
  --logo-word: var(--white);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.56);
  --shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.72);
}
:root {
  --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;
  --space-20: 80px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --font-brand: "Stolzl", "Golos Text", system-ui, sans-serif;
  --font-sans: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}