/* Mercury design tokens — generated from docs/mercury-design-tokens.json */
/* DO NOT EDIT MANUALLY — regenerate via `npm run build:css` in cc-v2/ */

:root {
  /* brand */
  --brand-name: Clintelligence™ AiOS v2.0 [Bus/Ops];
  --brand-tagline: Powered by Clintelligence™ AI;
  --brand-lockup: wgmd-logo + tagline-beneath;

  /* breakpoint */
  --breakpoint-mobile-sm: 375px;
  --breakpoint-mobile: 480px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --breakpoint-wide: 1280px;

  /* color */
  --color-background-app-dark: #0F1419;
  --color-background-app-light: #FFFFFF;
  --color-background-surface: #15192A;
  --color-background-surface-alt: #1A1F35;
  --color-background-surface-card: #FFFFFF;
  --color-background-tint-lavender: #F4F2FF;
  --color-background-tint-lavender-strong: #E8E3FF;
  --color-text-primary-dark: #E6E4F0;
  --color-text-primary-light: #1A1F3A;
  --color-text-secondary-dark: #A4A1B8;
  --color-text-secondary-light: #6B708A;
  --color-text-muted: #888B9E;
  --color-text-subtle: #C8C8D8;
  --color-text-link: #9B8FFF;
  --color-brand-lavender: #A4A5F8;
  --color-brand-lavender-strong: #7B7DEE;
  --color-brand-indigo: #4F46E5;
  --color-brand-navy: #0F1419;
  --color-brand-accent-magenta: #E879F9;
  --color-feedback-success-green: #21C97A;
  --color-feedback-warning-amber: #F5A524;
  --color-feedback-error-red: #EF4444;
  --color-feedback-info-blue: #3B82F6;
  --color-category-rotation-1: #A4A5F8;
  --color-category-rotation-2: #21C97A;
  --color-category-rotation-3: #F5A524;
  --color-category-rotation-4: #E879F9;
  --color-category-rotation-5: #3B82F6;
  --color-category-rotation-6: #FB923C;
  --color-category-rotation-7: #06B6D4;
  --color-category-rotation-8: #EAB308;
  --color-border-subtle: #262936;
  --color-border-default: #373A4D;
  --color-border-strong: #4F5266;

  /* component */
  --component-button-primary-background: var(--color-brand-lavender);
  --component-button-primary-background-hover: var(--color-brand-lavender-strong);
  --component-button-primary-color: #0F1419;
  --component-button-primary-padding: 12px 24px;
  --component-button-primary-radius: var(--radius-pill);
  --component-button-primary-weight: 500;
  --component-button-primary-shadow: var(--shadow-subtle);
  --component-button-outline-background: transparent;
  --component-button-outline-border: 1px solid var(--color-brand-lavender);
  --component-button-outline-color: var(--color-brand-lavender);
  --component-button-outline-padding: 11px 23px;
  --component-button-outline-radius: var(--radius-pill);
  --component-button-outline-weight: 500;
  --component-button-tertiary-background: var(--color-background-tint-lavender-strong);
  --component-button-tertiary-color: var(--color-brand-lavender-strong);
  --component-button-tertiary-padding: 10px 18px;
  --component-button-tertiary-radius: var(--radius-pill);
  --component-button-tertiary-weight: 500;
  --component-chip-background: var(--color-background-tint-lavender);
  --component-chip-color: var(--color-text-primary-light);
  --component-chip-padding: 4px 12px;
  --component-chip-radius: var(--radius-pill);
  --component-chip-weight: 500;
  --component-chip-size: var(--type-size-xs);
  --component-card-background: var(--color-background-surface-card);
  --component-card-radius: var(--radius-card);
  --component-card-padding: 24px;
  --component-card-shadow: var(--shadow-card);
  --component-input-background: transparent;
  --component-input-border-bottom: 1px solid var(--color-brand-indigo);
  --component-input-padding: 12px 0;
  --component-input-size: var(--type-size-base);
  --component-input-color: var(--color-text-primary-light);
  --component-input-placeholder: var(--color-text-muted);
  --component-splash-background: var(--color-background-app-dark);
  --component-splash-logo-color: #FFFFFF;
  --component-splash-tagline: Powered by Clintelligence™ AI;
  --component-splash-tagline-color: var(--color-text-subtle);
  --component-splash-tagline-size: var(--type-size-sm);
  --component-splash-duration: var(--motion-duration-splash);
  --component-hero-balance-label: var(--type-size-sm);
  --component-hero-balance-label-color: var(--color-text-secondary-dark);
  --component-hero-balance-value: var(--type-size-hero);
  --component-hero-balance-value-color: var(--color-text-primary-dark);
  --component-hero-balance-delta: var(--type-size-sm);
  --component-live-feed-item-padding: 16px 0;
  --component-live-feed-item-border-bottom: 1px solid var(--color-border-subtle);
  --component-live-feed-item-agent-avatar-size: 32px;
  --component-live-feed-item-agent-avatar-radius: var(--radius-pill);
  --component-live-feed-item-title-size: var(--type-size-base);
  --component-live-feed-item-title-weight: 500;
  --component-live-feed-item-summary-size: var(--type-size-sm);
  --component-live-feed-item-summary-color: var(--color-text-secondary-dark);
  --component-live-feed-item-time-size: var(--type-size-xs);
  --component-live-feed-item-time-color: var(--color-text-muted);
  --component-tab-bar-mobile-background: var(--color-background-app-dark);
  --component-tab-bar-mobile-border-top: 1px solid var(--color-border-subtle);
  --component-tab-bar-mobile-height: 56px;
  --component-tab-bar-mobile-icon-size: 24px;
  --component-tab-bar-mobile-active-color: var(--color-brand-lavender);
  --component-tab-bar-mobile-inactive-color: var(--color-text-muted);
  --component-sidebar-desktop-background: var(--color-background-surface);
  --component-sidebar-desktop-width-collapsed: 64px;
  --component-sidebar-desktop-width-expanded: 260px;
  --component-sidebar-desktop-item-padding: 12px 16px;
  --component-sidebar-desktop-item-radius: var(--radius-sm);
  --component-sidebar-desktop-active-bg: var(--color-background-tint-lavender-strong);
  --component-sidebar-desktop-active-color: var(--color-brand-lavender);
  --component-empty-state-padding: 48px 24px;
  --component-empty-state-icon-size: 48px;
  --component-empty-state-title-size: var(--type-size-lg);
  --component-empty-state-title-weight: 500;
  --component-empty-state-body-size: var(--type-size-sm);
  --component-empty-state-body-color: var(--color-text-secondary-dark);
  --component-empty-state-cta-style: tertiary;

  /* extends */
  --extends: mercury-bank;

  /* motion */
  --motion-duration-instant: 75ms;
  --motion-duration-fast: 150ms;
  --motion-duration-base: 250ms;
  --motion-duration-slow: 450ms;
  --motion-duration-splash: 1200ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-spring: cubic-bezier(0.43, 0.13, 0.23, 0.96);

  /* radius */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 9999px;
  --radius-card: 16px;
  --radius-input: 12px;
  --radius-button: 9999px;

  /* shadow */
  --shadow-none: none;
  --shadow-subtle: 0 1px 2px 0 rgba(15, 20, 25, 0.06);
  --shadow-card: 0 4px 16px 0 rgba(15, 20, 25, 0.08);
  --shadow-elevated: 0 12px 40px -8px rgba(15, 20, 25, 0.15);
  --shadow-modal: 0 24px 64px -16px rgba(15, 20, 25, 0.35);
  --shadow-focus: 0 0 0 3px rgba(164, 165, 248, 0.35);

  /* space */
  --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;
  --space-20: 80px;
  --space-24: 96px;
  --space-section: 80px;
  --space-container: 1100px;
  --space-container-narrow: 720px;
  --space-page-padding-mobile: 20px;
  --space-page-padding-desktop: 40px;

  /* type */
  --type-family-sans: Geist, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --type-family-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --type-family-serif: Georgia, serif;
  --type-weight-regular: 400;
  --type-weight-medium: 500;
  --type-weight-semibold: 600;
  --type-weight-bold: 700;
  --type-size-xs: 11px;
  --type-size-sm: 13px;
  --type-size-base: 15px;
  --type-size-lg: 17px;
  --type-size-xl: 20px;
  --type-size-2xl: 24px;
  --type-size-3xl: 32px;
  --type-size-4xl: 44px;
  --type-size-hero: 64px;
  --type-size-hero-mobile: 44px;
  --type-line-height-tight: 1.15;
  --type-line-height-snug: 1.35;
  --type-line-height-normal: 1.5;
  --type-line-height-relaxed: 1.65;
  --type-letter-spacing-tight: -0.02em;
  --type-letter-spacing-normal: 0;
  --type-letter-spacing-wide: 0.02em;
  --type-letter-spacing-label: 0.06em;

  /* version */
  --version: 0.1.0;

}

/* Dark mode (default) — app shell */
:root, html[data-theme="dark"] {
  --bg-app: var(--color-background-app-dark);
  --bg-surface: var(--color-background-surface);
  --text-primary: var(--color-text-primary-dark);
  --text-secondary: var(--color-text-secondary-dark);
}

/* Light mode — login / onboarding only */
html[data-theme="light"] {
  --bg-app: var(--color-background-app-light);
  --bg-surface: var(--color-background-surface-card);
  --text-primary: var(--color-text-primary-light);
  --text-secondary: var(--color-text-secondary-light);
}