/*
  Design tokens — L de Liberdade v2
  Paleta: preto em camadas + um único amarelo canônico de destaque.
  Ajustar aqui propaga pra tudo — nunca hardcode cor fora deste arquivo.
*/

:root {
  /* ---- escala de pretos (do fundo mais profundo ao mais claro) ---- */
  --black-950: #050505;
  --black-900: #0a0a0a;
  --black-800: #121212;
  --black-700: #1a1a1a;
  --black-600: #242424;
  --black-500: #333333;

  /* ---- amarelo canônico (destaque: CTAs, links ativos, badges) ---- */
  --gold-600: #c99a0e;
  --gold-500: #e8b923;
  --gold-400: #f2cb4c;
  --gold-300: #f7dd85;

  /* ---- texto ---- */
  --text-primary: #f5f5f0;
  --text-muted: #a3a39c;
  --text-on-gold: #0a0a0a;

  /* ---- tipografia ---- */
  --font-body: 'Poppins', sans-serif;
  --fs-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  --fs-sm: clamp(0.875rem, 0.84rem + 0.18vw, 1rem);
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-lg: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --fs-xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);
  --fs-2xl: clamp(2.25rem, 1.8rem + 2.25vw, 3.75rem);
  --fs-3xl: clamp(2.75rem, 2rem + 3.75vw, 5.5rem);

  /* ---- espaçamento ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 9rem;

  /* ---- layout ---- */
  --container-max: 1400px;
  --container-pad: clamp(1.25rem, 2vw + 0.5rem, 4rem);
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;

  /* ---- movimento ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.2s;
  --dur-base: 0.4s;
  --dur-slow: 0.8s;

  /* ---- slideshow do hero ----
     --hero-crossfade: duração do fade entre uma foto e a próxima (css/hero.css).
     O tempo que cada foto FICA em tela (9s) é outro número, em js/hero.js:HERO_SLIDE_MS —
     mexer nos dois arquivos se quiser mudar o ritmo do slideshow. */
  --hero-crossfade: 3s;

  /* ---- elevação ---- */
  --shadow-card: 0 20px 40px -20px rgba(0, 0, 0, 0.6);
  --shadow-gold-glow: 0 0 40px -10px rgba(232, 185, 35, 0.35);

  /* ---- z-index ---- */
  --z-header: 100;
  --z-loader: 1000;
}