/* =============================================================================
   ALCORA — Design Tokens
   Fundação do design system: cor, tipografia, espaço, ritmo.
   Grid base de 8px. Paleta monocromática navy com acento champagne discreto.
   ============================================================================= */

:root {
    /* ---- Cor: tinta e canvas ---- */
    --navy-900: #141C28;   /* mais profundo — faixas de impacto */
    --navy-800: #1B2637;   /* tinta principal / texto forte */
    --navy-700: #1E2A3B;   /* azul da marca (fundo do logo) */
    --navy-600: #2A3A4F;   /* elevações no escuro */
    --navy-500: #3B4E66;

    --paper:    #F6F4EF;   /* off-white quente — canvas de leitura */
    --paper-2:  #EFECE4;   /* cards / faixas alternadas */
    --paper-3:  #E7E3D9;
    --white:    #FFFFFF;

    /* ---- Cinzas / texto ---- */
    --ink:        var(--navy-800);
    --muted:      #636B78;   /* texto secundário sobre papel */
    --muted-soft: #8A909B;
    --line:       rgba(27, 38, 55, 0.12);   /* hairlines sobre papel */
    --line-dark:  rgba(246, 244, 239, 0.14); /* hairlines sobre navy */

    /* ---- Texto sobre navy ---- */
    --on-navy:        #EDE9E1;
    --on-navy-muted:  rgba(237, 233, 225, 0.62);

    /* ---- Acento: champagne / taupe (sussurro de luxo) ---- */
    --accent:      #A8977C;
    --accent-soft: #C4B69C;
    --accent-ink:  #8A7B62;

    /* ---- Estados ---- */
    --focus-ring: rgba(168, 151, 124, 0.55);
    --success:    #4F7D5E;
    --error:      #A8524B;

    /* ---- Tipografia ---- */
    --font-display: "Cormorant Garamond", "Times New Roman", serif;
    --font-body:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* Escala tipográfica fluida (clamp: mín, ideal vw, máx) */
    --step--1: clamp(0.78rem, 0.75rem + 0.15vw, 0.86rem);
    --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.12rem);
    --step-1:  clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
    --step-2:  clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);
    --step-3:  clamp(2.2rem, 1.6rem + 3vw, 4rem);
    --step-4:  clamp(3rem, 1.9rem + 5.4vw, 6.5rem);
    --step-5:  clamp(3.6rem, 2rem + 8vw, 9rem);

    --lh-tight:  1.02;
    --lh-snug:   1.18;
    --lh-body:   1.65;
    --tracking-wide: 0.22em;
    --tracking-mid:  0.08em;

    /* ---- Espaço (múltiplos de 8px) ---- */
    --sp-1: 0.5rem;
    --sp-2: 1rem;
    --sp-3: 1.5rem;
    --sp-4: 2rem;
    --sp-5: 3rem;
    --sp-6: 4rem;
    --sp-7: 6rem;
    --sp-8: 8rem;
    --sp-9: 11rem;

    /* Ritmo vertical entre seções */
    --section-y: clamp(5rem, 3rem + 9vw, 11rem);

    /* ---- Layout ---- */
    --container: 1240px;
    --container-narrow: 780px;
    --gutter: clamp(1.25rem, 4vw, 3.5rem);

    /* ---- Formas ---- */
    --radius-sm: 4px;
    --radius:    8px;
    --radius-lg: 14px;
    --radius-pill: 999px;

    /* ---- Sombra (discreta) ---- */
    --shadow-sm: 0 1px 2px rgba(20, 28, 40, 0.05);
    --shadow:    0 18px 50px -24px rgba(20, 28, 40, 0.28);
    --shadow-lg: 0 40px 90px -40px rgba(20, 28, 40, 0.45);

    /* ---- Movimento ---- */
    --ease:      cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur:       0.6s;
    --dur-fast:  0.32s;
}