/* AwesomeAgentic — generated from tokens.json */
:root, [data-theme="light"] {
  --color-primary: #252869;
  --color-primary-light: #3a3d8f;
  --color-primary-muted: rgba(37, 40, 105, 0.08);
  --color-teal: #28A9AB;
  --color-teal-light: #5CBFA4;
  --color-green-light: #B4E495;
  --color-accent-purple: #9555e8;
  --color-accent-purple-hover: #8344d6;
  --color-accent-coral: #e94560;
  --color-error-hover: #b91c1c;
  --color-bg: #F7F7F7;
  --color-bg-cool: #f0f2f5;
  --color-bg-card: #ffffff;
  --color-bg-section: #f8f9fa;
  --color-border: #e4e7eb;
  --color-border-light: #f0f0f0;
  --color-depth-1: #f5f6f8;
  --color-depth-2: #eeeff3;
  --color-depth-3: #e6e8ee;
  --color-venn-brand: #66CDAA;
  --color-venn-audience: rgba(230, 245, 201, 0.55);
  --color-affinity-high-bg: #B8E6B8;
  --color-affinity-high-fg: #1A5D1A;
  --color-affinity-med-bg: #FFF3CD;
  --color-affinity-med-fg: #856404;
  --color-affinity-low-bg: #F5F5F5;
  --color-affinity-low-fg: #6C757D;
  --color-likert-1: #dc2653;
  --color-likert-2: #e8845a;
  --color-likert-3: #E8C547;
  --color-likert-4: #d9d9d9;
  --color-likert-5: #B4E495;
  --color-likert-6: #5CBFA4;
  --color-likert-7: #28A9AB;
  --color-shimmer: #e8eaed;
  --color-persona-bg: #9ED6C4;
  --color-text: #252869;
  --color-text-secondary: #6b7280;
  --color-text-muted: #9ca3af;
  --color-text-inverse: #ffffff;
  --color-success: #28A9AB;
  --color-warning: #E8C547;
  --color-error: #dc2653;
  --color-info: #9555e8;
  --film-night: #14164a;
  --film-ink-soft: #e9ebff;
  --film-muted: #aeb3e3;
  --color-ink-deep: #1a1d55;
  --focus-ring: #252869;
  --color-teal-ink: #0e797c;
  --color-text-lead: #596172;
  --color-text-quiet: #8a90a0;
  --color-bar-quiet: #c8cede;
  --film-lead: #b4b9e6;
  --film-card: #232656;
  --color-wash-teal: #e4f5f5;
  --color-wash-cool: #f1f2f7;
  --color-wash-slate: #d8e5eb;
  --color-wash-lilac: #f0ecfc;
  --color-lilac-ink: #512c94;
  --color-lilac-slate: #424075;
  --color-warn-wash: #fdf3ce;
  --color-warn-ink: #7c6608;
  --color-delta-up-bg: #e7f6ef;
  --color-delta-up-fg: #1b6d5a;
  --color-delta-down-bg: #fcf0f2;
  --color-delta-down-fg: #c21f4a;
  --color-chat-ground: #faf9f5;
  --color-chat-head: #f1efe3;
  --color-chat-you: #ebe9dd;
  --shadow-sm: 0 1px 2px rgba(37, 40, 105, 0.05);
  --shadow-md: 0 4px 12px rgba(37, 40, 105, 0.08);
  --shadow-lg: 0 8px 24px rgba(37, 40, 105, 0.10);
  --shadow-xl: 0 16px 48px rgba(37, 40, 105, 0.12);
  --shadow-glow: 0 4px 20px rgba(40, 169, 171, 0.25);
}
: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;
  --space-24: 96px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-full: 9999px;
  --color-gradient-green: linear-gradient(53.5deg, #28A9AB 3.23%, #B4E495 67.51%);
  --color-gradient-green-hover: linear-gradient(53.5deg, #239a9c 3.23%, #a3d684 67.51%);
  --color-gender-male: linear-gradient(135deg, #36A2EB 0%, #252869 100%);
  --color-gender-female: linear-gradient(135deg, #9555e8 0%, #e8a87c 100%);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;
  --duration-slower: 600ms;
  --sidebar-width: 60px;
  --sidebar-expanded: 240px;
  --content-max: 1400px;
  --content-padding: 32px;
  --z-sidebar: 999;
  --z-dropdown: 200;
  --z-modal: 300;
  --z-toast: 400;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-loose: 1.75;
  --font-body: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Montserrat', sans-serif;
  --font-serif: 'Merriweather', Georgia, serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;
}
.display { font-family: var(--font-serif); font-size: 48px; line-height: 1.25; font-weight: 900; }
.headline { font-family: var(--font-serif); font-size: 36px; line-height: 1.25; font-weight: 900; }
.section-title { font-family: var(--font-serif); font-size: 20px; line-height: 1.25; font-weight: 900; }
.card-title { font-family: var(--font-serif); font-size: 18px; line-height: 1.5; font-weight: 900; }
.question { font-family: var(--font-serif); font-size: 18px; line-height: 1.5; font-weight: 400; font-style: italic; }
.serif-desc { font-family: var(--font-serif); font-size: 14px; line-height: 1.75; font-weight: 300; }
.stat { font-family: var(--font-heading); font-size: 36px; line-height: 1; font-weight: 900; }
.banner-value { font-family: var(--font-heading); font-size: 30px; line-height: 1.2; font-weight: 900; }
.title-sm { font-family: var(--font-heading); font-size: 18px; line-height: 1.5; font-weight: 900; }
.empty-title { font-family: var(--font-heading); font-size: 20px; line-height: 1.5; font-weight: 700; }
.label { font-family: var(--font-heading); font-size: 14px; line-height: 1.5; font-weight: 600; }
.button { font-family: var(--font-heading); font-size: 14px; line-height: 1; font-weight: 700; }
.category { font-family: var(--font-heading); font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: 0.08em; }
.table-head { font-family: var(--font-heading); font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: 0.06em; }
.badge { font-family: var(--font-heading); font-size: 12px; line-height: 1.4; font-weight: 700; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 1.5; font-weight: 400; }
.body-sm { font-family: var(--font-body); font-size: 14px; line-height: 1.5; font-weight: 400; }
.caption { font-family: var(--font-body); font-size: 12px; line-height: 1.5; font-weight: 400; }
.mono { font-family: var(--font-mono); font-size: 14px; line-height: 1.5; font-weight: 400; }