/* Design tokens do DS do Daniel Dourado.
   Fonte: daniel-institucional/src/styles/globals.css, :root (dark) e
   .magic-theme (editorial). Mantidos em HSL para poder compor com opacidade. */

:root {
  --radius: 0.75rem;
  --transition-luxury: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --container: 1200px;
  /* Aplicado nos dois lados de cada seção, então o vão entre duas é o dobro. */
  --space-section: clamp(3rem, 5vw, 5rem);

  /* Escala tipográfica. Faltava o meio: só havia display e corpo. */
  --step-display: clamp(3rem, 7.5vw, 6rem);
  --step-2: clamp(2.125rem, 4.2vw, 3.5rem);
  --step-1: clamp(1.375rem, 2vw, 1.75rem);
  --step-lead: clamp(1.0625rem, 1.4vw, 1.3125rem);
  --step-body: 1.0625rem;
  --step-small: 0.875rem;
}

.theme-dark {
  --background: 30 9% 6%;
  --foreground: 40 20% 96%;
  --card: 30 8% 9%;
  --card-foreground: 40 20% 96%;
  --primary: 43 74% 66%;
  --primary-foreground: 30 12% 7%;
  --secondary: 30 7% 12%;
  --muted: 30 6% 15%;
  --muted-foreground: 34 10% 68%;
  --border: 32 8% 20%;
  --input: 30 6% 15%;
  --ring: 43 74% 66%;
  --gold: 43 74% 66%;
  /* Gold que serve como texto: no escuro o gold da marca ja passa em contraste. */
  --gold-ink: 43 74% 66%;
  --gold-light: 43 74% 76%;
  --gold-dark: 43 74% 56%;
  --gradient-gold: none;
  --gradient-dark: linear-gradient(160deg, hsl(30 8% 9%), hsl(30 10% 5%));
  --shadow-luxury: 0 24px 60px -20px hsl(43 74% 50% / 0.35);
  --shadow-card: 0 10px 30px -5px hsl(0 0% 0% / 0.4);
  --font-heading: 'Instrument Serif', Georgia, serif;
  --font-body: 'Archivo', system-ui, sans-serif;
}

.theme-editorial {
  --background: 40 40% 97%;
  --foreground: 226 20% 21%;
  --card: 38 40% 95%;
  --card-foreground: 226 20% 21%;
  --primary: 38 45% 56%;
  --primary-foreground: 0 0% 100%;
  --secondary: 38 40% 95%;
  --secondary-foreground: 226 20% 21%;
  --muted: 38 30% 92%;
  --muted-foreground: 226 9% 46%;
  --accent: 38 45% 56%;
  --accent-foreground: 0 0% 100%;
  --border: 37 28% 85%;
  --input: 37 28% 85%;
  --ring: 38 45% 56%;
  --gold: 38 45% 56%;
  /* Sobre fundo claro o gold da marca fica em 2,4:1. Escurecido so para texto,
     mantendo matiz e saturacao; 4,8:1 sobre os fundos claros do tema. */
  --gold-ink: 38 45% 36%;
  --shadow-card: 0 10px 30px -5px hsl(226 20% 21% / 0.08);
  --font-heading: 'Instrument Serif', Georgia, serif;
  --font-body: 'Archivo', system-ui, sans-serif;
}