/* ==========================================================================
   ChapterIA — Design Tokens
   Identidade visual: dark tech premium
   ========================================================================== */

:root {
  /* -- Paleta da marca ---------------------------------------------------- */
  --color-navy:       #1A334A;
  --color-deep-blue:  #1E536E;
  --color-teal:       #18A3B7;
  --color-cyan:       #27E6EC;
  --color-light-blue: #5AA5CD;
  --color-purple:     #6F71A1;

  /* -- Cores principais (foco desta página) ------------------------------ */
  --brand-1: #1A334A;
  --brand-2: #18A3B7;

  /* -- Backgrounds (tons escuros derivados do navy + preto) -------------- */
  --bg-900: #06101A;   /* fundo mais profundo */
  --bg-800: #0A1A29;   /* fundo base da página */
  --bg-700: #0F2438;   /* superfícies elevadas */
  --bg-600: #14304A;   /* cards / blocos */

  /* -- Texto -------------------------------------------------------------- */
  --text-strong:  #F4F9FC;
  --text-base:    #C7D6E2;
  --text-muted:   #8AA0B2;
  --text-faint:   #5E7385;

  /* -- Linhas e bordas sutis --------------------------------------------- */
  --border-soft:   rgba(90, 165, 205, 0.14);
  --border-strong: rgba(90, 165, 205, 0.28);
  --border-glow:   rgba(39, 230, 236, 0.45);

  /* -- Superfícies translúcidas (cards / blocos) ------------------------- */
  --surface:        rgba(26, 51, 74, 0.55);
  --surface-strong: rgba(30, 83, 110, 0.45);
  --surface-faint:  rgba(255, 255, 255, 0.02);

  /* -- Destaques / CTAs --------------------------------------------------- */
  --accent:        var(--color-cyan);
  --accent-2:      var(--color-teal);
  --accent-soft:   rgba(39, 230, 236, 0.12);

  /* -- Gradientes --------------------------------------------------------- */
  --gradient-brand:    linear-gradient(135deg, var(--color-teal) 0%, var(--color-cyan) 100%);
  --gradient-deep:     linear-gradient(160deg, var(--color-navy) 0%, var(--bg-900) 100%);
  --gradient-purple:   linear-gradient(135deg, var(--color-purple) 0%, var(--color-cyan) 100%);
  --gradient-text:     linear-gradient(100deg, var(--color-cyan) 0%, var(--color-light-blue) 60%, var(--color-purple) 100%);
  --gradient-cta-block:linear-gradient(135deg, rgba(24,163,183,0.18) 0%, rgba(111,113,161,0.16) 100%);

  /* -- Brilhos neon controlados ------------------------------------------ */
  --glow-cyan:   0 0 40px rgba(39, 230, 236, 0.35);
  --glow-teal:   0 0 60px rgba(24, 163, 183, 0.25);
  --glow-subtle: 0 0 24px rgba(39, 230, 236, 0.18);

  /* -- Sombras ------------------------------------------------------------ */
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 12px 40px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 70px rgba(0, 0, 0, 0.45);

  /* -- Tipografia --------------------------------------------------------- */
  --font-sans: "Google Sans", "Google Sans Text", "Inter", "Roboto",
               system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-display: clamp(2.6rem, 5.5vw, 4.4rem);
  --fs-h1:      clamp(2rem, 3.8vw, 3.1rem);
  --fs-h2:      clamp(1.25rem, 2vw, 1.6rem);
  --fs-h3:      clamp(1.1rem, 1.5vw, 1.3rem);
  --fs-lead:    clamp(1.05rem, 1.4vw, 1.2rem);
  --fs-body:    1rem;
  --fs-small:   0.9rem;

  --lh-tight: 1.12;
  --lh-snug:  1.3;
  --lh-base:  1.65;

  /* -- Espaçamentos ------------------------------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  --section-pad: clamp(4rem, 9vw, 8rem);

  /* -- Layout ------------------------------------------------------------- */
  --container:  1180px;
  --container-narrow: 820px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* -- Raios -------------------------------------------------------------- */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* -- Transições --------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.18s var(--ease);
  --t-base: 0.32s var(--ease);
  --t-slow: 0.6s var(--ease);
}