/* ─── VitaDent · Design Tokens ───────────────────────────────────────────
   Paleta extraída del logo oficial: magenta vibrante + púrpura + blanco
   ──────────────────────────────────────────────────────────────────────── */

:root {
  /* Color · Brand */
  --magenta-vital:   #B8237A;
  --magenta-deep:    #8A1A5C;
  --magenta-soft:    #D85FA0;
  --purple-clinic:   #5E2D7E;
  --purple-deep:     #3F1A57;
  --rose-soft:       #F4C8DD;
  --rose-blush:      #FDE7F1;
  --gold-trust:      #D4AF37;
  --gold-soft:       #E8D4A0;
  --mint-clinic:     #B8E6D4;

  /* Color · Neutros */
  --ivory:           #FFF9FB;
  --pearl:           #FAF4F7;
  --cloud:           #F2EAEF;
  --silver:          #C9BCC4;
  --graphite:        #1A1018;
  --ink:             #2A1F26;
  --muted:           #6B5963;

  /* Estados */
  --ok:              #22A06B;
  --warn:            #E6A700;
  --danger:          #D9303F;

  /* Gradientes brand */
  --grad-primary:    linear-gradient(135deg, #B8237A 0%, #5E2D7E 100%);
  --grad-soft:       linear-gradient(135deg, #FDE7F1 0%, #FFF9FB 100%);
  --grad-glow:       radial-gradient(60% 60% at 50% 40%, rgba(184,35,122,0.30) 0%, rgba(94,45,126,0) 70%);
  --grad-tv:         linear-gradient(135deg, #1A1018 0%, #3F1A57 60%, #8A1A5C 100%);

  /* Tipografía */
  --font-display:    'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --font-script:     'Allura', 'Italianno', cursive;
  --font-ui:         'Inter', 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono:       'JetBrains Mono', 'Bebas Neue', ui-monospace, monospace;

  /* Tamaños · escala fluida */
  --fs-xs:   clamp(0.75rem, 0.7rem + 0.2vw, 0.85rem);
  --fs-sm:   clamp(0.875rem, 0.83rem + 0.22vw, 0.95rem);
  --fs-base: clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --fs-lg:   clamp(1.125rem, 1.05rem + 0.4vw, 1.3rem);
  --fs-xl:   clamp(1.4rem, 1.2rem + 1vw, 1.85rem);
  --fs-2xl:  clamp(1.85rem, 1.4rem + 2vw, 2.6rem);
  --fs-3xl:  clamp(2.4rem, 1.7rem + 3.5vw, 3.8rem);
  --fs-display: clamp(3rem, 2rem + 5vw, 5.5rem);
  --fs-tv-name: clamp(4rem, 4vw + 4rem, 9rem);
  --fs-tv-label: clamp(1.4rem, 1vw + 1.2rem, 2.4rem);

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Radios */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(26, 16, 24, 0.06);
  --shadow-md: 0 6px 18px rgba(94, 45, 126, 0.10), 0 2px 4px rgba(26, 16, 24, 0.04);
  --shadow-lg: 0 18px 40px rgba(94, 45, 126, 0.18), 0 6px 12px rgba(26, 16, 24, 0.06);
  --shadow-glow: 0 0 0 6px rgba(184, 35, 122, 0.10), 0 12px 32px rgba(184, 35, 122, 0.25);
  --shadow-tv: 0 30px 80px rgba(184, 35, 122, 0.4), 0 0 0 1px rgba(255,255,255,0.05);

  /* Layout */
  --max-w: 1240px;
  --max-w-narrow: 880px;
  --header-h: 76px;

  /* Transiciones */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 160ms;
  --t-base: 280ms;
  --t-slow: 480ms;

  /* Z-index */
  --z-bg: 0;
  --z-content: 10;
  --z-floating: 50;
  --z-header: 100;
  --z-modal: 200;
  --z-tv-overlay: 999;
}