/* =========================================================
   VAI DE PEÇA — DESIGN TOKENS v5 · ARCTIC BLUE + ORANGE CTA
   Azul profissional com laranja de alta conversão
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&family=Barlow+Condensed:wght@600;700;800;900&display=swap');

:root {
  /* ── PALETA AZUL ──────────────────────────────────────── */
  --blue-night:   #031E36;
  --blue-deep:    #04335A;
  --blue-mid:     #4474A3;
  --blue-mid-dk:  #2E5A87;
  --blue-sky:     #9ABCE0;
  --blue-mist:    #C4D4E6;
  --blue-frost:   #E0EAF4;
  --blue-pale:    #EEF4FA;

  /* ── LARANJA — CTA alta conversão ────────────────────── */
  --orange:       #E8500A;
  --orange-dark:  #C44008;
  --orange-light: #fff0e8;
  --orange-glow:  rgba(232, 80, 10, 0.28);

  /* ── MARCA ────────────────────────────────────────────── */
  --brand-primary:       var(--blue-mid);
  --brand-primary-dark:  var(--blue-mid-dk);
  --brand-primary-light: #daeaf7;
  --brand-cta:           var(--orange);
  --brand-cta-dark:      var(--orange-dark);
  --brand-header:        var(--blue-night);

  /* ── SUPERFÍCIES ─────────────────────────────────────── */
  --bg-page:   #d5e3ef;   /* azul-acinzentado — menos saturado */
  --bg-card:   #ffffff;
  --bg-soft:   #edf4fa;
  --bg-muted:  #e2edf6;
  --bg-inset:  #d0dfed;
  --bg-header: #031E36;
  --bg-nav:    #04335A;

  /* ── TEXTO ───────────────────────────────────────────── */
  --text-main:    #031E36;
  --text-sub:     #1a3a5c;
  --text-muted:   #4474A3;
  --text-faint:   #7a9dbf;
  --text-inverse: #ffffff;

  /* ── BORDAS ──────────────────────────────────────────── */
  --border:        #bdd0e0;
  --border-soft:   #ccdae8;
  --border-hover:  #9ABCE0;
  --border-focus:  var(--blue-mid);

  /* ── ESTADOS ─────────────────────────────────────────── */
  --color-success:      #0d7a4e;
  --color-success-soft: #e6f7f0;
  --color-danger:       #c0392b;
  --color-danger-soft:  #fdecea;
  --color-warning:      #b7770d;
  --color-warning-soft: #fef8e7;

  /* ── SOMBRAS ─────────────────────────────────────────── */
  --shadow-xs:     0 1px 3px rgba(3, 30, 54, 0.06);
  --shadow-sm:     0 2px 8px rgba(3, 30, 54, 0.08);
  --shadow-md:     0 6px 18px rgba(3, 30, 54, 0.10);
  --shadow-lg:     0 14px 32px rgba(3, 30, 54, 0.13);
  --shadow-xl:     0 22px 55px rgba(3, 30, 54, 0.15);
  --shadow-brand:  0 6px 20px rgba(68, 116, 163, 0.28);
  --shadow-orange: 0 6px 22px rgba(232, 80, 10, 0.38);

  /* ── RAIOS ───────────────────────────────────────────── */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  22px;
  --radius-2xl: 28px;

  /* ── TIPOGRAFIA ──────────────────────────────────────── */
  --font-body:    'Barlow', system-ui, sans-serif;
  --font-display: 'Barlow Condensed', 'Barlow', system-ui, sans-serif;

  /* ── TRANSIÇÕES ──────────────────────────────────────── */
  --ease:            cubic-bezier(0.4, 0, 0.2, 1);
  --transition:      0.18s var(--ease);
  --transition-slow: 0.32s var(--ease);

  --container-width: 1440px;
}