/* Titanium Blue Design Tokens -- Single source of truth for v2.2 theming */

:root {
  /* === Colors: Primary === */
  --tb-primary: #0c00a3;
  --tb-primary-container: #1600e5;
  --tb-on-primary: #ffffff;
  --tb-on-primary-container: #ffffff;

  /* === Colors: Secondary === */
  --tb-secondary: #5d4eb9;
  --tb-secondary-container: #9d8ffe;
  --tb-secondary-fixed: #e8e0ff;
  --tb-on-secondary-fixed-variant: #1c0065;

  /* === Colors: Surface Hierarchy === */
  --tb-surface: #fcf8ff;
  --tb-surface-container-low: #f5f2ff;
  --tb-surface-container-lowest: #ffffff;
  --tb-surface-container-high: #ebe7f5;
  --tb-on-surface: #141547;
  --tb-on-surface-variant: #44436a;

  /* === Colors: Outline === */
  --tb-outline-variant: #c6c4da;

  /* === Typography === */
  --tb-font-display: 'Manrope', sans-serif;
  --tb-font-body: 'Inter', sans-serif;
  --tb-display-lg: 3.5rem;
  --tb-headline-md: 1.75rem;
  --tb-body-md: 1rem;

  /* === Spacing Scale === */
  --tb-spacing-2: 0.25rem;
  --tb-spacing-4: 0.5rem;
  --tb-spacing-6: 0.75rem;
  --tb-spacing-8: 1rem;
  --tb-spacing-12: 1.5rem;
  --tb-spacing-16: 2rem;
  --tb-spacing-24: 3rem;

  /* === Border Radii === */
  --tb-radius-sm: 0.25rem;
  --tb-radius-md: 0.5rem;
  --tb-radius-lg: 0.75rem;
  --tb-radius-full: 9999px;

  /* === Shadows (Ambient System) === */
  --tb-shadow-ambient: 0 20px 40px rgba(20, 21, 71, 0.04);
  --tb-shadow-ghost-border: 0 0 0 1px rgba(198, 196, 218, 0.15);

  /* === Glassmorphism === */
  --tb-glass-bg: rgba(245, 242, 255, 0.8);
  --tb-glass-blur: 20px;

  /* === Gradient (Signature CTA) === */
  --tb-gradient-primary: linear-gradient(135deg, #0c00a3, #1600e5);
}