/* ============================================================
   Proleis — design tokens
   Paleta extraída do logo: azul-marinho institucional + verde.
   ============================================================ */

:root {
  /* --- marca ------------------------------------------------ */
  --navy-950: #061529;
  --navy-900: #0a2242;
  --navy-800: #0e2d57;
  --navy-700: #123a6b;
  --navy-600: #17498a;
  --navy-500: #1e5aa8;
  --navy-400: #3b7ccb;
  --navy-300: #7aa9e3;
  --navy-200: #bcd4f1;
  --navy-100: #e4eefb;

  --green-700: #1f7d24;
  --green-600: #2e9e31;
  --green-500: #4caf3e;
  --green-400: #7cc24a;
  --green-300: #a8da7e;
  --green-100: #e7f6dd;

  --gold-500: #e8a33d;
  --red-500: #d94b4b;

  /* --- neutros ---------------------------------------------- */
  --ink: #0f172a;
  --ink-soft: #23324a;
  --muted: #5a6b85;
  --muted-soft: #8798af;
  --line: #e3e9f2;
  --line-soft: #eef2f8;
  --bg: #ffffff;
  --bg-soft: #f5f8fc;
  --bg-tint: #eef4fb;

  /* --- superfícies escuras ---------------------------------- */
  --dark-bg: #071a30;
  --dark-surface: #0d2a47;
  --dark-surface-2: #14375c;
  --dark-line: rgba(255, 255, 255, 0.12);
  --dark-ink: #eaf2fb;
  --dark-muted: #9db4ce;

  /* --- gradientes ------------------------------------------- */
  --grad-marca: linear-gradient(100deg, var(--navy-700) 0%, var(--navy-500) 45%, var(--green-500) 100%);
  --grad-verde: linear-gradient(120deg, var(--green-600), var(--green-400));
  --grad-azul: linear-gradient(140deg, var(--navy-800), var(--navy-500));
  --grad-escuro: linear-gradient(165deg, #071a30 0%, #0b2440 55%, #0a2b45 100%);

  /* --- tipografia ------------------------------------------- */
  --font-titulo: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-texto: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-eyebrow: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: clamp(1.25rem, 0.6vw + 1.1rem, 1.5rem);
  --fs-h3: clamp(1.35rem, 0.9vw + 1.15rem, 1.75rem);
  --fs-h2: clamp(1.75rem, 2vw + 1.2rem, 2.75rem);
  --fs-h1: clamp(2.25rem, 3.6vw + 1.2rem, 4rem);
  --fs-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);

  /* --- espaçamento ------------------------------------------ */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 2.5rem;
  --sp-8: 3rem;
  --sp-9: 4rem;
  --sp-10: 5rem;
  --sp-11: 6rem;
  --sp-secao: clamp(3.5rem, 7vw, 7rem);

  /* --- forma ------------------------------------------------ */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-full: 999px;

  --sombra-1: 0 1px 2px rgba(10, 34, 66, 0.06), 0 2px 8px rgba(10, 34, 66, 0.05);
  --sombra-2: 0 4px 12px rgba(10, 34, 66, 0.08), 0 12px 32px rgba(10, 34, 66, 0.08);
  --sombra-3: 0 12px 28px rgba(10, 34, 66, 0.12), 0 32px 64px rgba(10, 34, 66, 0.14);
  --sombra-verde: 0 10px 30px rgba(46, 158, 49, 0.28);

  /* --- movimento -------------------------------------------- */
  --ease-suave: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-saida: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-elastico: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-rapida: 180ms;
  --dur-media: 320ms;
  --dur-lenta: 620ms;

  /* --- layout ----------------------------------------------- */
  --largura-container: 1200px;
  --largura-estreita: 780px;
  --altura-header: 72px;
  --z-header: 100;
  --z-menu: 110;
  --z-lightbox: 200;
}