/* ============================================================
   Paraná Consórcios — Design Tokens
   Extraído da logo + identidade do Instagram da marca.
   Verde araucária (primário) · Bronze/ouro (acento premium)
   Neutros quentes (papel/areia) · Tom institucional e atemporal.
   ============================================================ */

:root {
  /* ---- Marca: verde araucária ---- */
  --green-950: #08291A;
  --green-900: #0E3D24;
  --green-800: #134F2F;
  --green-700: #1A6E3D;   /* verde primário da logo */
  --green-600: #1F8043;
  --green-500: #2E9E54;   /* verde vivo dos destaques do IG */
  --green-400: #57B873;
  --green-300: #8FD3A1;
  --green-100: #DCEFE1;
  --green-50:  #EEF7F0;

  /* ---- Acento premium: bronze / ouro ---- */
  --bronze-800: #4F3A18;
  --bronze-700: #6E5125;   /* "consórcios" da logo */
  --bronze-600: #876634;
  --gold-500:  #C49A45;    /* ouro premium (Black/Ano Novo) */
  --gold-400:  #D4B36A;
  --gold-200:  #ECDBB4;
  --gold-100:  #F5ECD6;

  /* ---- Apoio: terracota (raro, posts emocionais) ---- */
  --clay-600: #9B3A2E;
  --clay-500: #B4493A;

  /* ---- Neutros quentes ---- */
  --paper:    #FFFFFF;
  --cream-50: #FAF8F3;
  --cream-100:#F4F0E8;
  --sand-200: #EAE4D7;
  --line:     #E6E1D5;     /* hairline quente */
  --line-strong: #D8D2C3;

  --ink-900: #16201B;      /* quase-preto esverdeado (texto título) */
  --ink-700: #313B35;
  --ink-600: #46514A;      /* corpo */
  --ink-500: #65706A;      /* secundário */
  --ink-400: #8B958F;      /* terciário / legendas */
  --ink-300: #B4BCB6;

  /* ---- Semânticos ---- */
  --success:        #1F8043;
  --success-bg:     #E7F3EB;
  --warning:        #B07F1E;
  --warning-bg:     #F8EFD9;
  --error:          #B23A2E;
  --error-bg:       #F7E7E4;
  --info:           #2B6C8F;
  --info-bg:        #E4EEF3;

  /* ---- Papéis de cor (semântica de uso) ---- */
  --bg:            var(--paper);
  --bg-alt:        var(--cream-50);
  --bg-deep:       var(--green-900);   /* seções escuras */
  --brand:         var(--green-700);
  --brand-strong:  var(--green-800);
  --brand-soft:    var(--green-50);
  --accent:        var(--gold-500);

  /* ---- Tipografia ---- */
  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Escala tipográfica (clamp fluido, mobile-first) */
  --fs-eyebrow: 0.78rem;   /* 12.5px overline */
  --fs-xs:   0.8125rem;    /* 13 */
  --fs-sm:   0.9375rem;    /* 15 */
  --fs-base: 1.0625rem;    /* 17 corpo */
  --fs-lg:   1.1875rem;    /* 19 */
  --fs-xl:   clamp(1.35rem, 1.1rem + 1vw, 1.6rem);
  --fs-2xl:  clamp(1.7rem, 1.3rem + 1.8vw, 2.25rem);
  --fs-3xl:  clamp(2.1rem, 1.5rem + 2.8vw, 3rem);
  --fs-4xl:  clamp(2.6rem, 1.6rem + 4.6vw, 4.5rem);
  --fs-5xl:  clamp(3.2rem, 1.8rem + 6vw, 5.75rem);

  --lh-tight: 1.06;
  --lh-snug: 1.2;
  --lh-base: 1.62;

  /* ---- Espaçamento ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* Ritmo vertical de seção */
  --section-y: clamp(64px, 8vw, 120px);
  --container: 1200px;
  --container-narrow: 760px;
  --gutter: clamp(20px, 5vw, 48px);

  /* ---- Raios ---- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-2xl: 32px;
  --r-full: 999px;

  /* ---- Sombras (suaves, realistas, quentes) ---- */
  --shadow-xs: 0 1px 2px rgba(20, 40, 28, 0.06);
  --shadow-sm: 0 2px 8px rgba(20, 40, 28, 0.06), 0 1px 2px rgba(20,40,28,0.04);
  --shadow-md: 0 8px 24px rgba(20, 40, 28, 0.08), 0 2px 6px rgba(20,40,28,0.05);
  --shadow-lg: 0 20px 50px rgba(16, 50, 32, 0.12), 0 6px 16px rgba(16,50,32,0.07);
  --shadow-xl: 0 40px 90px rgba(12, 45, 28, 0.18), 0 12px 28px rgba(12,45,28,0.10);
  --shadow-gold: 0 14px 40px rgba(150, 110, 30, 0.22);

  /* ---- Movimento ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 280ms;
  --dur-slow: 480ms;

  --header-h: 76px;
}