/* Seanautics Design System tokens (from tokens.json) */
:root, [data-theme="default"] {
  --color-primary: #020082;
  --color-primary-hover: #01006a;
  --color-primary-active: #01005c;
  --color-primary-deep: #01004a;
  --color-primary-08: rgba(2,0,130,0.08);
  --color-primary-12: rgba(2,0,130,0.12);
  --color-accent: #e85aad;
  --color-accent-hover: #d24598;
  --color-accent-active: #b83b85;
  --color-accent-soft: #fde1ef;
  --color-bg: #f3f7fa;
  --color-bg-hover: #e8eef4;
  --color-bg-active: #dde5ed;
  --color-surface: #ffffff;
  --color-surface-2: #f9fbfc;
  --color-surface-inverse: #161616;
  --color-fg-1: #161616;
  --color-fg-2: #525252;
  --color-fg-3: #6f6f6f;
  --color-fg-disabled: #a8a8a8;
  --color-fg-on-primary: #ffffff;
  --color-fg-on-accent: #ffffff;
  --color-border-subtle: #dde1e6;
  --color-border-strong: #8d8d8d;
  --color-border-inverse: #ffffff;
  --color-border-interactive: #020082;
  --color-success: #198038;
  --color-success-bg: #defbe6;
  --color-warning: #f1c21b;
  --color-warning-bg: #fcf4d6;
  --color-danger: #da1e28;
  --color-danger-hover: #b81921;
  --color-danger-active: #750e13;
  --color-danger-bg: #fff1f1;
  --color-info: #0043ce;
  --color-info-bg: #edf5ff;
  --text-body: var(--color-fg-1);
  --text-secondary: var(--color-fg-2);
  --text-placeholder: var(--color-fg-3);
  --text-link: var(--color-primary);
  --surface-page: var(--color-bg);
  --surface-card: var(--color-surface);
  --surface-nested: var(--color-surface-2);
  --field-bg: #f3f7fa;
  --field-bg-hover: #e8eef4;
  --overlay-scrim: rgba(22,22,22,0.5);
  --shadow-01: 0 1px 2px rgba(2,0,130,0.06),0 2px 6px rgba(2,0,130,0.08);
  --shadow-02: 0 2px 6px rgba(2,0,130,0.08),0 8px 24px rgba(2,0,130,0.12);
  --shadow-03: 0 16px 48px rgba(2,0,130,0.20);
}
:root {
  --space-01: 2px;
  --space-02: 4px;
  --space-03: 8px;
  --space-04: 12px;
  --space-05: 16px;
  --space-06: 24px;
  --space-07: 32px;
  --space-08: 40px;
  --space-09: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 160px;
  --content-max: 1312px;
  --grid-gutter: 32px;
  --radius-00: 0;
  --radius-01: 2px;
  --radius-02: 4px;
  --radius-full: 9999px;
  --easing-productive: cubic-bezier(0.2,0,0.38,0.9);
  --easing-expressive: cubic-bezier(0.4,0.14,0.3,1);
  --easing-entrance: cubic-bezier(0,0,0.38,0.9);
  --easing-exit: cubic-bezier(0.2,0,1,0.9);
  --dur-fast-01: 70ms;
  --dur-fast-02: 110ms;
  --dur-mod-01: 150ms;
  --dur-mod-02: 240ms;
  --dur-slow-01: 400ms;
  --dur-slow-02: 700ms;
  --focus-ring: 0 0 0 2px #ffffff,0 0 0 4px #020082;
  --grid-columns: 16;
  --pattern-graticule: repeating-linear-gradient(0deg,rgba(255,255,255,0.08) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(255,255,255,0.08) 0 1px,transparent 1px 24px);
  --font-sans: 'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  --font-mono: 'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --font-serif: 'IBM Plex Serif',Georgia,serif;
  --text-type-label-01: 400 12px/16px var(--font-sans);
  --text-type-helper-01: 400 12px/16px var(--font-sans);
  --text-type-body-compact-01: 400 14px/18px var(--font-sans);
  --text-type-body-01: 400 14px/20px var(--font-sans);
  --text-type-body-02: 400 16px/24px var(--font-sans);
  --text-type-heading-01: 600 14px/18px var(--font-sans);
  --text-type-heading-02: 600 16px/22px var(--font-sans);
  --text-type-heading-03: 400 20px/28px var(--font-sans);
  --text-type-heading-04: 400 28px/36px var(--font-sans);
  --text-type-heading-05: 400 32px/40px var(--font-sans);
  --text-type-heading-06: 300 42px/50px var(--font-sans);
  --text-type-heading-07: 300 54px/64px var(--font-sans);
  --text-type-display-01: 300 72px/80px var(--font-sans);
  --text-type-display-02: 300 96px/104px var(--font-sans);
  --text-h1: 300 42px/50px var(--font-sans);
  --text-h2: 400 32px/40px var(--font-sans);
  --text-h3: 400 28px/36px var(--font-sans);
  --text-h4: 400 20px/28px var(--font-sans);
  --text-h5: 600 16px/22px var(--font-sans);
  --text-h6: 600 14px/18px var(--font-sans);
  --text-p: 400 14px/20px var(--font-sans);
  --text-body-02: 400 16px/24px var(--font-sans);
  --text-eyebrow: 500 12px/16px var(--font-sans);
}