/* ============================================================
   PLAORC — Design Tokens
   FONTE DA VERDADE: plaorc-design-spec.pdf (identidade premium
   institucional B2B). Navy dominante, vermelho pontual, gradientes
   sutis. ~85% branco/navy · ~10% vermelho de marca · ~5% apoio.
   ============================================================ */

:root {
  /* ---------- PALETA OFICIAL (design-spec) ---------- */
  --plaorc-blue: #0163ac;        /* azul institucional — glow, links, titulos */
  --plaorc-navy: #124c7e;        /* navy — cor principal, secoes de contraste */
  --plaorc-wine: #9e2429;        /* vinho — hover (versao escura do vermelho) */
  --plaorc-red: #c23035;         /* vermelho de marca — CTAs, eyebrows, acento */
  --plaorc-red-glow: #d94a4f;    /* vermelho claro — gradientes de acento */
  --plaorc-deep: #0b5089;        /* azul profundo — gradientes escuros */

  /* Contraste medido (WCAG) sobre branco:
     navy #124c7e 8.9:1 AAA · azul #0163ac ~5.9:1 AA · vermelho #c23035 ~5.8:1 AA.
     Regra: navy nos titulos/areas grandes; vermelho pontual (CTA/eyebrow/marca).
     Em secao escura, o navy e' o FUNDO e o texto e' branco (AAA) ou --plaorc-mist. */

  /* ---------- GRADIENTES (sutis, a servico da hierarquia) ---------- */
  --plaorc-grad-brand: linear-gradient(100deg, #0163ac 0%, #124c7e 38%, #c23035 100%);
  --plaorc-grad-text:  linear-gradient(135deg, #0b3966 0%, #124c7e 60%, #0163ac 100%);
  --plaorc-grad-accent: linear-gradient(135deg, #c23035 0%, #d94a4f 100%);
  --plaorc-grad-hero:  radial-gradient(ellipse at 12% -5%, rgba(18,76,126,.06), transparent 55%),
                       radial-gradient(ellipse at 88% 18%, rgba(194,48,53,.05), transparent 55%),
                       linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);

  /* ---------- NEUTROS (vies azul, do design-spec) ---------- */
  --plaorc-white: #FFFFFF;       /* BG */
  --plaorc-paper: #F7F9FB;       /* Elev — superficie alternada */
  --plaorc-line: #DBE2E9;        /* Border — divisores */
  --plaorc-text: #4A5B6C;        /* Muted — corpo */
  --plaorc-text-soft: #6B7686;   /* texto secundario (uso em fonte >=18px) */
  --plaorc-mist: #C3D0E0;        /* texto sobre navy */

  /* ---------- TIPOGRAFIA ---------- */
  --plaorc-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;       /* corpo */
  --plaorc-display: "Space Grotesk", "Inter", system-ui, sans-serif;              /* titulos H1-H3 */
  --plaorc-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;             /* dados, marcos, eyebrow */
  --plaorc-font-hand: "Kalam", cursive;

  --plaorc-w-regular: 400;
  --plaorc-w-medium: 500;
  --plaorc-w-semibold: 600;
  --plaorc-w-bold: 700;

  /* Escala fluida — cresce com a tela, sem saltos entre breakpoints */
  --plaorc-h1: clamp(2.5rem, 5.6vw, 4.5rem);
  --plaorc-h2: clamp(1.9rem, 3.4vw, 2.9rem);
  --plaorc-h3: clamp(1.5rem, 2.4vw, 2rem);
  --plaorc-h4: clamp(1.2rem, 1.6vw, 1.45rem);
  --plaorc-h5: 1.2rem;
  --plaorc-h6: 1.05rem;
  --plaorc-body: 1.0625rem;
  --plaorc-lead: clamp(1.08rem, 1.5vw, 1.3rem);
  --plaorc-small: 0.875rem;

  --plaorc-lh-tight: 1.06;
  --plaorc-lh-head: 1.18;
  --plaorc-lh-body: 1.65;

  /* ---------- COMPONENTES ---------- */
  --plaorc-btn-radius: 8px;
  --plaorc-btn-padding: 15px 32px;
  --plaorc-btn-size: 0.8125rem;
  --plaorc-btn-tracking: .09em;

  --plaorc-input-radius: 6px;
  --plaorc-card-radius: 12px;

  --plaorc-eyebrow-size: 0.75rem;
  --plaorc-eyebrow-tracking: .18em;

  /* ---------- LAYOUT ---------- */
  --plaorc-wrap: 1180px;
  --plaorc-pad: clamp(20px, 4vw, 44px);
  --plaorc-gap: 20px;
}