/* ==========================================================
   Gold Med Locação — design tokens
   Trocar paleta, fontes, raios e sombras só aqui.
   ========================================================== */
:root {
  /* Marca (tirada do logo: azul + arco laranja) */
  --c-primary: #1a4fa8;
  --c-primary-700: #123b84;
  --c-primary-100: #e7eefb;
  --c-navy: #0a1d40;
  --c-navy-800: #0f2754;
  --c-accent: #f59b1f;
  --c-accent-600: #e3870a;
  --c-accent-100: #fff1dc;
  --c-accent-ink: #c46a00;   /* laranja legível para texto sobre fundo claro */
  --c-whats: #25d366;
  --c-whats-700: #138a43;   /* verde escuro: texto branco legível */

  /* Neutros */
  --c-bg: #ffffff;
  --c-surface: #f4f7fc;
  --c-surface-2: #eaf0fa;
  --c-text: #0d1b33;
  --c-muted: #586883;
  --c-border: #dde5f1;
  --c-on-dark: #eef3fc;
  --c-on-dark-muted: #a9b8d3;

  /* Tipografia */
  --f-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-serif: "Instrument Serif", Georgia, serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-h3: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --fs-h2: clamp(1.9rem, 1.4rem + 2vw, 3rem);
  --fs-h1: clamp(2.4rem, 1.6rem + 3.6vw, 4.4rem);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;
  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.65;

  /* Espaço, raios, sombras */
  --space-section: clamp(3.5rem, 2.25rem + 5vw, 8rem);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 36px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(10, 29, 64, 0.06), 0 2px 8px rgba(10, 29, 64, 0.05);
  --shadow-md: 0 10px 30px -12px rgba(10, 29, 64, 0.18);
  --shadow-lg: 0 30px 60px -24px rgba(10, 29, 64, 0.32);
  --shadow-accent: 0 12px 28px -10px rgba(245, 155, 31, 0.65);

  /* Movimento */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 160ms;
  --t-base: 320ms;

  /* Layout */
  --nav-h: 76px;

  /* Bootstrap 5 apontando para os tokens */
  --bs-body-font-family: var(--f-sans);
  --bs-body-color: var(--c-text);
  --bs-body-bg: var(--c-bg);
  --bs-primary: var(--c-primary);
  --bs-primary-rgb: 26, 79, 168;
  --bs-border-color: var(--c-border);
  --bs-link-color: var(--c-primary);
  --bs-link-hover-color: var(--c-primary-700);
}
