/* Generated from the design system's tokens.json by
   scripts/lyle-tokens-to-css.py. Edit tokens.json, then regenerate. */
:root {
  /* Color */
  --pine-900: #0a1322;
  --pine-800: #13233a;
  --pine-700: #1b2f4b;
  --pine-600: #26405f;
  --patina-700: #142c4a;
  --patina-600: #1d3a5f;
  --patina-500: #2d5585;
  --patina-100: #e3eaf3;
  --patina-050: #f0f4f9;
  --copper-600: #8a5b00;
  --copper-500: #d69a1e;
  --copper-100: #fbf0d6;
  --denim-600: #5b4f7c;
  --denim-500: #7466a0;
  --denim-100: #ece9f4;
  --stone-900: #121c2b;
  --stone-700: #2e3a4b;
  --stone-600: #4a5667;
  --stone-500: #5c687a;
  --stone-300: #bcc5d0;
  --stone-200: #d9dfe6;
  --stone-100: #e9edf1;
  --canvas: #f4f6f8;
  --surface: #ffffff;
  --surface-2: #fafbfc;
  --success-600: #276d44;
  --success-100: #e2f2e8;
  --warning-600: #a14f00;
  --warning-500: #c46a0a;
  --warning-100: #fdebd8;
  --danger-600: #b3261e;
  --danger-100: #fbe4e2;
  --color-bg: var(--canvas);
  --color-surface: var(--surface);
  --color-surface-raised: var(--surface-2);
  --color-surface-sunken: var(--stone-100);
  --color-sidebar: var(--pine-800);
  --color-sidebar-hover: rgba(255,255,255,0.06);
  --color-sidebar-active: rgba(255,255,255,0.10);
  --color-sidebar-text: #dbe3ee;
  --color-sidebar-muted: #a3b1c4;
  --color-sidebar-heading: #95a4b8;
  --color-text: var(--stone-900);
  --color-text-muted: var(--stone-600);
  --color-text-subtle: var(--stone-500);
  --color-text-invert: #ffffff;
  --color-primary: var(--patina-600);
  --color-primary-hover: var(--patina-700);
  --color-primary-soft: var(--patina-100);
  --color-on-primary: #ffffff;
  --color-accent: var(--copper-500);
  --color-accent-text: var(--copper-600);
  --color-accent-soft: var(--copper-100);
  --color-on-accent: #121c2b;
  --color-denim: var(--denim-600);
  --color-denim-soft: var(--denim-100);
  --color-border: var(--stone-200);
  --color-border-strong: var(--stone-300);
  --color-border-input: #7a8699;
  --color-ring: #1d3a5f;
  --color-success: var(--success-600);
  --color-success-soft: var(--success-100);
  --color-warning: var(--warning-600);
  --color-warning-icon: var(--warning-500);
  --color-warning-soft: var(--warning-100);
  --color-danger: var(--danger-600);
  --color-danger-soft: var(--danger-100);
  --color-brand-tile: #1d3a5f;
  --color-on-brand-tile: #ffffff;
  --color-agent: var(--copper-500);
  --color-agent-soft: var(--copper-100);
  --color-bubble-member: var(--patina-600);
  --color-on-bubble-member: #ffffff;
  --color-bubble-agent: var(--surface);
  --color-bubble-agent-border: var(--stone-200);
  --color-proposal-head: var(--patina-050);
  /* Spacing */
  --space-0: 0;
  --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 */
  --radius-sm: 4px;
  --radius: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  /* Shadow */
  --shadow-1: 0 1px 2px rgba(18,28,43,0.06);
  --shadow-2: 0 3px 10px rgba(18,28,43,0.08);
  --shadow-3: 0 10px 28px rgba(18,28,43,0.12);
  --shadow-4: 0 22px 52px rgba(18,28,43,0.18);
  --shadow-xs: 0 1px 2px rgba(18,28,43,0.06);
  --shadow-sm: 0 1px 2px rgba(18,28,43,0.06);
  --shadow: 0 1px 2px rgba(18,28,43,0.06);
  --shadow-md: 0 3px 10px rgba(18,28,43,0.08);
  --shadow-lg: 0 22px 52px rgba(18,28,43,0.18);
  --ring: 0 0 0 2px #ffffff, 0 0 0 4px #1d3a5f;
  /* Text */
  --text-2xs: 0.6875rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.0625rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  /* Weight */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-display: 600;
  --fw-display-heavy: 700;
  /* Leading */
  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-normal: 1.5;
  --lh-mono: 1.45;
  /* Tracking */
  --ls-display: -0.015em;
  --ls-caps: 0.08em;
  --ls-caps-wide: 0.12em;
  --ls-body: 0;
  --ls-mono: 0;
  /* Layout */
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 68px;
  --topbar-h: 56px;
  --tabbar-h: 64px;
  --tap-min: 44px;
  --content-max: 720px;
  /* Brand */
  --brand-name: "Lyle";
  --agent-name: "Lyle";
  --brand-domain: "meetlyle.com";
  /* Type */
  --font-display: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --type-display-xl: 600 48px/52px var(--font-display);
  --type-display-xl-tracking: -0.02em;
  --type-display-lg: 600 36px/40px var(--font-display);
  --type-display-lg-tracking: -0.02em;
  --type-page-title: 600 28px/32px var(--font-display);
  --type-page-title-tracking: -0.01em;
  --type-section-title: 600 22px/28px var(--font-display);
  --type-section-title-tracking: -0.01em;
  --type-card-title: 600 18px/24px var(--font-display);
  --type-body-lg: 400 17px/26px var(--font-body);
  --type-body: 400 16px/24px var(--font-body);
  --type-body-sm: 400 14px/20px var(--font-body);
  --type-label: 600 14px/20px var(--font-body);
  --type-caption: 500 12px/16px var(--font-body);
  --type-eyebrow: 600 11px/16px var(--font-body);
  --type-eyebrow-tracking: 0.08em;
  --type-data-lg: 500 16px/24px var(--font-mono);
  --type-data: 400 14px/20px var(--font-mono);
  --type-data-sm: 400 12px/16px var(--font-mono);
  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur: 180ms;
  color-scheme: light;
}

[data-theme="dark"] {
  --pine-900: #05080f;
  --pine-800: #0a0f18;
  --pine-700: #111a28;
  --pine-600: #1a2536;
  --patina-700: #a7c4e8;
  --patina-600: #8fb3e0;
  --patina-500: #8fb3e0;
  --patina-100: #1d2a40;
  --patina-050: #172234;
  --copper-600: #e8b24a;
  --copper-500: #e8b24a;
  --copper-100: #2b2414;
  --denim-600: #b7aedb;
  --denim-500: #9d92c9;
  --denim-100: #231f33;
  --stone-900: #e8edf3;
  --stone-700: #c9d2dd;
  --stone-600: #a7b2c1;
  --stone-500: #8390a1;
  --stone-300: #34425a;
  --stone-200: #263246;
  --stone-100: #0a0f18;
  --canvas: #0e1420;
  --surface: #161e2c;
  --surface-2: #1d2738;
  --success-600: #6fcf97;
  --success-100: #13291f;
  --warning-600: #f0a35a;
  --warning-500: #f0a35a;
  --warning-100: #33230f;
  --danger-600: #f28b82;
  --danger-100: #331a1a;
  --color-bg: var(--canvas);
  --color-surface: var(--surface);
  --color-surface-raised: var(--surface-2);
  --color-surface-sunken: var(--stone-100);
  --color-sidebar: var(--pine-800);
  --color-sidebar-text: #c9d2dd;
  --color-sidebar-muted: #8a97a9;
  --color-sidebar-heading: #7f8c9e;
  --color-text: var(--stone-900);
  --color-text-muted: var(--stone-600);
  --color-text-subtle: var(--stone-500);
  --color-text-invert: #0e1420;
  --color-primary: var(--patina-600);
  --color-primary-hover: var(--patina-700);
  --color-primary-soft: var(--patina-100);
  --color-on-primary: #0e1420;
  --color-accent: var(--copper-500);
  --color-accent-text: var(--copper-600);
  --color-accent-soft: var(--copper-100);
  --color-on-accent: #0e1420;
  --color-denim: var(--denim-600);
  --color-denim-soft: var(--denim-100);
  --color-border: var(--stone-200);
  --color-border-strong: var(--stone-300);
  --color-border-input: #66758c;
  --color-ring: #8fb3e0;
  --color-success: var(--success-600);
  --color-success-soft: var(--success-100);
  --color-warning: var(--warning-600);
  --color-warning-icon: var(--warning-500);
  --color-warning-soft: var(--warning-100);
  --color-danger: var(--danger-600);
  --color-danger-soft: var(--danger-100);
  --color-brand-tile: #f4f6f8;
  --color-on-brand-tile: #1d3a5f;
  --color-agent: var(--copper-500);
  --color-agent-soft: var(--copper-100);
  --color-bubble-member: #24406a;
  --color-on-bubble-member: #ffffff;
  --color-bubble-agent: var(--surface);
  --color-bubble-agent-border: var(--stone-200);
  --color-proposal-head: var(--patina-050);
  --shadow-1: 0 1px 2px rgba(0,0,0,0.30);
  --shadow-2: 0 3px 12px rgba(0,0,0,0.38);
  --shadow-3: 0 12px 30px rgba(0,0,0,0.45);
  --shadow-4: 0 24px 56px rgba(0,0,0,0.55);
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.30);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.30);
  --shadow: 0 1px 2px rgba(0,0,0,0.30);
  --shadow-md: 0 3px 12px rgba(0,0,0,0.38);
  --shadow-lg: 0 24px 56px rgba(0,0,0,0.55);
  --ring: 0 0 0 2px #0e1420, 0 0 0 4px #8fb3e0;
  color-scheme: dark;
}