/* Whispr design tokens — keep aligned with mobile app's app_colors.dart */

:root {
  --whispr-primary:       #3F37C9;
  --whispr-primary-rgb:   63, 55, 201;
  --whispr-secondary:     #7B2FF7;
  --whispr-secondary-rgb: 123, 47, 247;
  --whispr-accent:        #06D6A0;
  --whispr-success:       #4CAF50;
  --whispr-warning:       #F57C00;
  --whispr-error:         #B00020;

  --whispr-gradient:      linear-gradient(135deg, #3F37C9, #7B2FF7);
  --whispr-gradient-soft: linear-gradient(135deg, rgba(63,55,201,0.08), rgba(123,47,247,0.08));
  --whispr-logo-gradient: linear-gradient(135deg, #3B82F6, #7B2FF7, #EC4899);

  --whispr-bg:            #F8F9FA;
  --whispr-surface:       #FFFFFF;
  --whispr-border:        rgba(0,0,0,0.08);
  --whispr-text:          #1B1B1F;
  --whispr-text-muted:    #5C5C66;

  --whispr-radius-sm:     8px;
  --whispr-radius:        12px;
  --whispr-radius-lg:     20px;
  --whispr-shadow-sm:     0 1px 2px rgba(0,0,0,0.04);
  --whispr-shadow:        0 4px 12px rgba(0,0,0,0.08);
  --whispr-shadow-lg:     0 12px 32px rgba(0,0,0,0.12);
  --whispr-easing:        cubic-bezier(0.2, 0.8, 0.2, 1);
  --whispr-font-sans:     'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

[data-bs-theme="dark"] {
  --whispr-bg:            #121218;
  --whispr-surface:       #1E1E2A;
  --whispr-border:        rgba(255,255,255,0.10);
  --whispr-text:          #E6E6EA;
  --whispr-text-muted:    #9A9AA8;
  --whispr-gradient-soft: linear-gradient(135deg, rgba(63,55,201,0.18), rgba(123,47,247,0.18));
  --whispr-shadow-sm:     0 1px 2px rgba(0,0,0,0.40);
  --whispr-shadow:        0 4px 12px rgba(0,0,0,0.40);
  --whispr-shadow-lg:     0 12px 32px rgba(0,0,0,0.50);
}