/**
 * Namma Nellai Design Tokens
 * Based on provided industry standard design specs.
 */
:root {
  /* Colors - Primary */
  --color-primary: #003d9b;
  --color-primary-container: #0052cc;
  --color-primary-fixed: #dae2ff;
  --color-on-primary: #ffffff;
  --color-on-primary-fixed: #001848;
  --color-on-primary-container: #c4d2ff;

  /* Colors - Secondary */
  --color-secondary: #285ab9;
  --color-secondary-container: #709bfe;
  --color-secondary-fixed: #d9e2ff;
  --color-on-secondary: #ffffff;
  --color-on-secondary-container: #003179;

  /* Colors - Tertiary */
  --color-tertiary: #5e3c00;
  --color-tertiary-container: #7d5200;
  --color-tertiary-fixed: #ffddb3;
  --color-on-tertiary: #ffffff;

  /* Surface & Background */
  --color-background: #f8f9fb;
  --color-surface: #f8f9fb;
  --color-surface-dim: #d9dadc;
  --color-surface-bright: #f8f9fb;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f3f4f6;
  --color-surface-container: #edeef0;
  --color-surface-container-high: #e7e8ea;
  --color-surface-container-highest: #e1e2e4;
  --color-on-surface: #191c1e;
  --color-on-surface-variant: #434654;

  /* Outline & Utility */
  --color-outline: #737685;
  --color-outline-variant: #c3c6d6;
  --color-error: #ba1a1a;
  --color-error-container: #ffdad6;
  --color-on-error: #ffffff;
  --color-on-error-container: #93000a;
  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #128c7e;

  /* Typography */
  --font-headline: 'Manrope', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-label: 'Inter', sans-serif;

  /* Border Radius */
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-full: 9999px;

  /* Spacing */
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-premium: 0 24px 24px -4px rgba(25, 28, 30, 0.06);

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.6);
  --glass-border: rgba(195, 198, 214, 0.2);
  --glass-blur: 20px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}