:root {
  /* Cores — identidade Joaleria Transportes (carvão + amarelo dourado) */
  --azul-profundo: #1A1A1A;
  --azul-medio: #F5C200;
  --azul-claro: #FFF8DC;
  --branco: #FFFFFF;
  --cinza-texto: #4A4A4A;
  --cinza-claro: #F5F4F0;
  --dourado: #C9A000;

  /* Tipografia */
  --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 2rem;
  --fs-4xl: 2.5rem;
  --fs-5xl: 3.5rem;
  --fs-display: clamp(2.5rem, 6vw, 5rem);

  /* Espaçamento */
  --section-py: clamp(3rem, 8vw, 5rem);
  --container: 1200px;
  --gap: 1.5rem;
  --radius: 0.75rem;
  --radius-lg: 1.25rem;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.14);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.20);

  /* Transição */
  --transition: 0.25s ease;

  /* Breakpoints */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}