/**
 * Bridge3 — Design Tokens
 * Cores oficiais Bridge3: navy #294458, teal #307C78, laranja #C1681B.
 * Gradientes são misturas dessas três cores.
 */

/* ---- Fontes (Fira Sans, auto-hospedada) ---- */
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Thin.woff") format("woff");
  font-weight: 100 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Bold.woff") format("woff");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Cores de marca ---- */
  --c-navy: #294458;
  --c-teal: #307C78;
  --c-accent: #C1681B;

  /* Variações derivadas (claro/escuro) das cores base */
  --c-navy-900: #1d3140;
  --c-navy-700: #294458;
  --c-navy-500: #3a5b73;
  --c-teal-900: #234e4b;
  --c-teal-700: #2b6c68;
  --c-teal-600: #307C78;
  --c-teal-300: #6ba8a4;
  --c-accent-700: #9c5210;
  --c-accent-600: #C1681B;
  --c-accent-500: #d4792a;

  /* Neutros / superfícies */
  --c-ink: #1d2b2a;
  --c-body: #33403f;
  --c-muted: #5b6b69;
  --c-line: #e2e7e6;
  --c-surface: #ffffff;
  --c-surface-alt: #f4f6f5;
  --c-surface-muted: #f3f3f3;
  --c-surface-soft: #eef2f1;
  --c-ciano-400: #76cccf;
  --c-ciano-300: #81dee1;
  --c-azul-100: #c3daf1;
  --c-ink-muted: #3b3b3b;
  --branco-100: #fefefe;
  --c-on-dark: #ffffff;
  --c-on-dark-muted: #cdd9d8;
  --CInza-50: #F3F3F3; /* Cinza 50 (Figma) */
  --Azul-500: #294458; /* Azul 500 (Figma) = navy */
  --Azul-700: #192C3A; /* Azul 700 (Figma) = navy escuro */
  --Terracota-500: #C1681B; /* Terracota 500 (Figma) = laranja */
  --Ciano-500: #52C7C1; /* Ciano 500 (Figma) = teal claro */

  /* ---- Gradientes (misturas das 3 cores) ---- */
  --grad-hero: linear-gradient(155deg, var(--c-teal) 0%, var(--c-navy) 100%);
  --grad-band: linear-gradient(180deg, var(--c-navy-700) 0%, var(--c-navy-900) 100%);
  --grad-teal: linear-gradient(160deg, var(--c-teal-600) 0%, var(--c-teal-900) 100%);
  --grad-bridge3: linear-gradient(111deg, var(--c-navy) 0%, var(--c-teal) 100%);
  --grad-bridge3-warm: linear-gradient(-59deg, var(--c-accent) 4%, var(--c-teal) 50%, var(--c-teal-900) 91%);
  --grad-accent: linear-gradient(160deg, var(--c-accent-500) 0%, var(--c-accent-600) 100%);

  /* ---- Tipografia ---- */
  --font-sans: "Fira Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fw-thin: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --lh-tight: 1.12;
  --lh-snug: 1.3;
  --lh-base: 1.6;

  /* Escala tipográfica fluida (clamp: mobile → desktop) */
  --step--1: clamp(0.83rem, 0.79rem + 0.18vw, 0.94rem);
  --step-0:  clamp(0.95rem, 0.91rem + 0.2vw, 1.05rem);
  --step-1:  clamp(1.1rem, 1.02rem + 0.4vw, 1.35rem);
  --step-2:  clamp(1.35rem, 1.2rem + 0.7vw, 1.85rem);
  --step-3:  clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);
  --step-4:  clamp(2.1rem, 1.6rem + 2.4vw, 3.4rem);

  /* ---- Espaçamento ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-y: clamp(3rem, 2rem + 5vw, 5.5rem);

  /* ---- Layout ---- */
  --container: 1180px;
  --container-pad: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  /* Breakpoints de referência (usar em @media; valores em px) */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ---- Sombra / foco ---- */
  --shadow-sm: 0 2px 8px rgba(29, 49, 64, 0.06);
  --shadow: 0 10px 30px rgba(29, 49, 64, 0.1);
  --shadow-lg: 0 20px 50px rgba(29, 49, 64, 0.16);
  --focus-ring: 0 0 0 3px #fff, 0 0 0 6px var(--c-accent);

  /* ---- Transições ---- */
  --t-fast: 0.15s ease;
  --t: 0.25s ease;
}