:root {
  /* ==========================================================================
     AMOR PIPOCA — DESIGN TOKENS
     Paleta Oficial & Variações Semânticas
     ========================================================================== */
  
  /* Cores Oficiais */
  --color-primary: #FE001A;         /* Vermelho principal institucional */
  --color-primary-hover: #D80016;   /* Vermelho escurecido para hover */
  --color-primary-active: #B80013;  /* Vermelho ativo/clicado */
  --color-primary-rgb: 254, 0, 26;
  
  --color-secondary: #D8A600;       /* Dourado para microtítulos e detalhes finos */
  --color-secondary-hover: #BF9300;
  --color-secondary-rgb: 216, 166, 0;

  --color-dark-red: #780400;        /* Vermelho escuro para contraste e estados */
  --color-dark-red-rgb: 120, 4, 0;

  --color-black: #000000;           /* Preto para títulos e elementos de destaque */
  --color-text-main: #1A1A1A;       /* Leitura confortável para parágrafos */
  --color-text-muted: #555555;      /* Textos auxiliares e descrições */
  --color-text-light: #777777;      /* Labels secundárias */

  --color-surface: #FFF2F2;         /* Branco rosado sutil para seções alternadas */
  --color-white: #FFFFFF;           /* Branco puro (75% a 85% do visual) */
  --color-border: #EFE8E8;          /* Linha divisória e bordas ultraleves */
  --color-border-subtle: #F5EEEE;
  --color-disabled: #E0E0E0;
  --color-text-disabled: #9E9E9E;

  /* Tipografia */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-handwriting: 'Caveat', cursive, sans-serif;

  /* Escala Tipográfica Fluida (clamp) */
  --text-hero: clamp(2.75rem, 5vw + 1rem, 4.25rem);      /* 44px - 68px */
  --text-h1: clamp(2.25rem, 4vw + 0.5rem, 3.5rem);       /* 36px - 56px */
  --text-h2: clamp(1.85rem, 3vw + 0.5rem, 3rem);         /* 30px - 48px */
  --text-h3: clamp(1.4rem, 2vw + 0.5rem, 2rem);          /* 22px - 32px */
  --text-h4: clamp(1.15rem, 1.5vw + 0.5rem, 1.625rem);   /* 18px - 26px */
  --text-lead: 1.125rem;                                 /* 18px */
  --text-body: 1rem;                                     /* 16px */
  --text-sm: 0.875rem;                                   /* 14px */
  --text-xs: 0.6875rem;                                  /* 11px microtítulos */

  /* Alturas de Linha Editoriais (Entrelinha compacta e elegante) */
  --leading-hero: 0.95;
  --leading-h1: 0.95;
  --leading-h2: 0.98;

  /* Espaçamentos (Base 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-30: 120px;
  --space-36: 144px;

  /* Espaçamentos de Seções (Desktop vs Mobile) */
  --section-padding-y: clamp(4rem, 8vw, 8.5rem);        /* 64px a 136px */
  --container-padding-x: clamp(1.25rem, 3vw, 2.75rem);   /* 20px a 44px */
  --container-max: 1280px;

  /* Bordas e Raios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Sombras Ultraleves e Discretas */
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.03);
  --shadow-card: 0 8px 30px rgba(0, 0, 0, 0.04);
  --shadow-hover: 0 14px 40px rgba(0, 0, 0, 0.07);

  /* Transições Refinadas */
  --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}