/**
 * NANO FILTROS - Design Tokens CSS Variables
 * "A pureza invisível de alta performance" · Versão 01 · 2026
 */

:root {
  /* Brand Core Colors (NANO FILTROS) */
  --nano-violeta-assinatura: #5E246E;
  --nano-violeta-assinatura-rgb: 94, 36, 110;
  --nano-lavanda-premium: #836095;
  --nano-lavanda-premium-rgb: 131, 96, 149;

  /* Deep Violet & Tech Tone */
  --nano-violeta-noturno: #23213F;
  --nano-violeta-noturno-rgb: 35, 33, 63;
  --nano-violeta-tecnico: #32304D;
  --nano-violeta-grafite: #40405B;
  --nano-violeta-nevoa: #4F4F69;

  /* Accent & Support Tones */
  --nano-violeta-mineral: #673378;
  --nano-violeta-medio: #714282;
  --nano-violeta-suave: #7A518B;
  --nano-lavanda-bruma: #8D6F9F;
  --nano-gelo-azulado: #C5C9DA;
  --nano-papel-mineral: #F7F5FA;
  --nano-branco: #FFFFFF;

  /* Backward-compatible aliases */
  --pa-color-navy: #5E246E;
  --pa-color-navy-rgb: 94, 36, 110;
  --pa-color-navy-dark: #23213F;
  --pa-color-navy-light: #714282;
  --pa-color-navy-tint: #F7F5FA;

  --pa-color-aqua: #836095;
  --pa-color-aqua-rgb: 131, 96, 149;
  --pa-color-aqua-light: #C5C9DA;
  --pa-color-aqua-dark: #673378;
  --pa-color-aqua-tint: #F7F5FA;

  --pa-color-mineral: #23213F;
  --pa-color-ocean: #5E246E;
  --pa-color-cyan: #836095;
  --pa-color-cyan-glow: rgba(131, 96, 149, 0.4);
  --pa-color-ice: #F7F5FA;
  --pa-color-white: #FFFFFF;

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

  /* Typography */
  --pa-font-brand: 'Sora', 'Space Grotesk', sans-serif;
  --pa-font-tagline: 'Sora', 'Space Grotesk', sans-serif;
  --pa-font-ui: 'Inter', 'Manrope', -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(35, 33, 63, 0.05);
  --pa-shadow-sm: 0 2px 6px rgba(35, 33, 63, 0.08);
  --pa-shadow-md: 0 8px 20px rgba(35, 33, 63, 0.10);
  --pa-shadow-lg: 0 16px 36px rgba(35, 33, 63, 0.14);
  --pa-shadow-xl: 0 24px 54px rgba(35, 33, 63, 0.18);
  --pa-shadow-glow-violet: 0 0 28px rgba(94, 36, 110, 0.4);
  --pa-shadow-glow-lavanda: 0 0 32px rgba(131, 96, 149, 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);
}