:root {
  /* Cores oficiais Bild */
  --bild-laranja: #ED7203;
  --bild-laranja-claro: #F6A500;
  --bild-laranja-escuro: #E74F1C;
  --bild-preto: #000000;
  --bild-preto-arroxeado: #1D021B;
  --bild-branco: #FFFFFF;
  --bild-cinza-claro: #D8D8D8;
  --bild-cinza-medio: #9B9B9B;
  --bild-cinza-escuro: #575757;
  --bild-terroso: #8C7D6B;

  /* Semânticos — paleta com fundo laranja Bild */
  --cor-bg: var(--bild-laranja);
  --cor-bg-card: var(--bild-branco);
  --cor-bg-card-soft: #FAF8F6;
  --cor-texto: var(--bild-branco);
  --cor-texto-secundario: rgba(255, 255, 255, 0.82);
  --cor-texto-muted: rgba(255, 255, 255, 0.62);
  --cor-texto-em-card: var(--bild-preto-arroxeado);
  --cor-texto-secundario-em-card: var(--bild-cinza-escuro);
  --cor-texto-muted-em-card: var(--bild-cinza-medio);
  --cor-destaque: var(--bild-branco);
  --cor-destaque-hover: var(--bild-laranja-escuro);
  --cor-borda-sobre-laranja: rgba(255, 255, 255, 0.4);
  --cor-borda-suave-sobre-laranja: rgba(255, 255, 255, 0.22);
  --cor-divider: rgba(255, 255, 255, 0.3);
  --cor-borda-em-card: #E8E4DE;
  --cor-borda-forte-em-card: var(--bild-cinza-medio);

  /* Tipografia */
  --fonte-principal: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --peso-thin: 100;
  --peso-light: 300;
  --peso-regular: 400;
  --peso-medium: 500;
  --peso-semibold: 600;
  --peso-bold: 700;
  --peso-black: 900;

  /* Tamanhos */
  --texto-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.85rem);
  --texto-sm: clamp(0.85rem, 0.8rem + 0.3vw, 0.95rem);
  --texto-base: clamp(1rem, 0.95rem + 0.3vw, 1.1rem);
  --texto-lg: clamp(1.125rem, 1rem + 0.6vw, 1.35rem);
  --texto-xl: clamp(1.5rem, 1.3rem + 1vw, 1.9rem);
  --texto-2xl: clamp(1.9rem, 1.6rem + 1.6vw, 2.75rem);
  --texto-3xl: clamp(2.25rem, 1.8rem + 2.4vw, 3.75rem);
  --texto-hero: clamp(2.75rem, 2rem + 4vw, 5rem);
  --texto-giant: clamp(3.5rem, 2.5rem + 6vw, 7rem);

  /* Espaçamento — generoso, o laranja pede respiração */
  --espaco-xs: 0.5rem;
  --espaco-sm: 1rem;
  --espaco-md: 2rem;
  --espaco-lg: 4rem;
  --espaco-xl: 8rem;

  /* Elementos */
  --raio-borda: 10px;
  --raio-borda-sm: 6px;
  --raio-borda-lg: 16px;
  --sombra-sobre-laranja: 0 8px 32px rgba(29, 2, 27, 0.18);
  --sombra-card-soft: 0 10px 40px rgba(29, 2, 27, 0.12);
  --sombra-card-hover: 0 14px 50px rgba(29, 2, 27, 0.22);
  --transicao-rapida: 150ms ease-out;
  --transicao-padrao: 220ms ease-out;
  --transicao-suave: 420ms cubic-bezier(0.22, 1, 0.36, 1);
  --max-conteudo: 960px;
  --max-estreito: 640px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transicao-rapida: 0ms;
    --transicao-padrao: 0ms;
    --transicao-suave: 0ms;
  }
}