/**
 * Prosperagua - Design Tokens CSS Variables
 * "O Shopping dos Purificadores"
 */

:root {
  /* Brand Core Colors */
  --pa-color-navy: #1F3160;
  --pa-color-navy-rgb: 31, 49, 96;
  --pa-color-navy-dark: #142040;
  --pa-color-navy-light: #2A4380;
  --pa-color-navy-tint: #EEF2F9;

  --pa-color-aqua: #8FC7D7;
  --pa-color-aqua-rgb: 143, 199, 215;
  --pa-color-aqua-light: #C2E5EF;
  --pa-color-aqua-dark: #5FAEC3;
  --pa-color-aqua-tint: #F2F9FB;

  /* Secondary & Accents */
  --pa-color-mineral: #0B132B;
  --pa-color-ocean: #00779E;
  --pa-color-cyan: #00B4D8;
  --pa-color-cyan-glow: rgba(0, 180, 216, 0.4);
  --pa-color-ice: #F0F8FA;
  --pa-color-white: #FFFFFF;

  /* Neutrals & Slate */
  --pa-slate-900: #0F172A;
  --pa-slate-800: #1E293B;
  --pa-slate-700: #334155;
  --pa-slate-600: #475569;
  --pa-slate-500: #64748B;
  --pa-slate-400: #94A3B8;
  --pa-slate-300: #CBD5E1;
  --pa-slate-200: #E2E8F0;
  --pa-slate-100: #F1F5F9;
  --pa-slate-50: #F8FAFC;

  /* Semantic Feedback */
  --pa-success: #10B981;
  --pa-warning: #F59E0B;
  --pa-error: #EF4444;
  --pa-info: #0EA5E9;

  /* Typography */
  --pa-font-brand: 'Morsive', 'Montserrat', 'Inter', sans-serif;
  --pa-font-tagline: 'Bebas Neue Pro', 'Bebas Neue', 'Oswald', Impact, sans-serif;
  --pa-font-ui: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --pa-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Spacing Scale */
  --pa-space-1: 4px;
  --pa-space-2: 8px;
  --pa-space-3: 12px;
  --pa-space-4: 16px;
  --pa-space-5: 20px;
  --pa-space-6: 24px;
  --pa-space-8: 32px;
  --pa-space-10: 40px;
  --pa-space-12: 48px;
  --pa-space-16: 64px;
  --pa-space-20: 80px;

  /* Border Radii */
  --pa-radius-sm: 6px;
  --pa-radius-md: 12px;
  --pa-radius-lg: 18px;
  --pa-radius-xl: 28px;
  --pa-radius-full: 9999px;

  /* Elevation & Shadows */
  --pa-shadow-xs: 0 1px 2px rgba(31, 49, 96, 0.05);
  --pa-shadow-sm: 0 2px 6px rgba(31, 49, 96, 0.08);
  --pa-shadow-md: 0 8px 20px rgba(31, 49, 96, 0.10);
  --pa-shadow-lg: 0 16px 36px rgba(31, 49, 96, 0.14);
  --pa-shadow-xl: 0 24px 54px rgba(31, 49, 96, 0.18);
  --pa-shadow-glow-aqua: 0 0 28px rgba(143, 199, 215, 0.45);
  --pa-shadow-glow-cyan: 0 0 32px rgba(0, 180, 216, 0.35);

  /* Transitions */
  --pa-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --pa-transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --pa-transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);
}