/* inter (variavel 100-900) alojada no site: sem pedidos a terceiros, nao depende do consentimento de cookies. licenca ofl em assets/fonts/inter */
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(../assets/fonts/inter/inter-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(../assets/fonts/inter/inter-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* design tokens (paytek minimal institutional dark) */
:root {
    --primary:          #b82328;
    --primary-h:        #d32f2f;
    --primary-soft:     #f87171;
    --primary-gradient: linear-gradient(135deg, #d32f2f 0%, #b82328 100%);
    --primary-glow:     rgba(184, 35, 40, 0.28);
    
    --accent:           #10b981;
    --accent-blue:      #3b82f6;
    --accent-amber:     #f59e0b;

    --radius:           16px;
    --radius-sm:        10px;
    --radius-lg:        24px;
    --ease:             0.28s cubic-bezier(0.16, 1, 0.3, 1);
    
    --shadow-sm:        0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow:           0 8px 24px rgba(0, 0, 0, 0.3);
    --shadow-lg:        0 16px 48px rgba(0, 0, 0, 0.45);

    /* clean, minimal obsidian/slate dark canvas (apple / stripe style) */
    --bg:               #0c0f17;
    --bg2:              #121622;
    --bg-surface:       #151b27;
    --card:             #161d2a;
    --card-h:           #1c2435;
    
    --border:           rgba(255, 255, 255, 0.08);
    --border-h:         rgba(255, 255, 255, 0.18);
    --border-subtle:    rgba(255, 255, 255, 0.05);

    --text:             #f8fafc;
    --text2:            #94a3b8;
    --muted:            #64748b;
    
    --nav-bg:           rgba(12, 15, 23, 0.88);
    --overlay:          linear-gradient(135deg, rgba(12, 15, 23, 0.92) 0%, rgba(12, 15, 23, 0.7) 100%);
    --alt:              #0a0d14;
    --logo:             brightness(1);
    
    --font-sans:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-mono:        ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* escala tipografica (agnostica de cor/marca, reutilizavel em todo o site) */
    --fs-display:       clamp(1.9rem, 3.2vw, 2.75rem);
    --fs-h1:            clamp(1.5rem, 2.4vw, 2rem);
    --fs-h2:            clamp(1.2rem, 1.7vw, 1.5rem);
    --fs-h3:            1.05rem;
    --fs-subtitle:      1rem;
    --fs-body:          1rem;
    --fs-small:         0.875rem;

    --fw-regular:       400;
    --fw-semibold:      600;
    --fw-bold:          700;

    --lh-tight:         1.2;
    --lh-snug:          1.3;
    --lh-body:          1.55;
    --ls-title:         -0.02em;

    /* espacamento (grelha de 8px) */
    --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
    --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
    --space-9: 96px; --space-10: 128px;

    --section-py:       var(--space-9);
    --section-gap:       var(--space-8);
    --card-gap:          20px;
    --card-pad:          var(--space-6);
    --stack-title:       var(--space-4);
    --stack-text:        var(--space-3);

    --radius-card:       24px;
    --radius-btn:        8px;
    --radius-img:        16px;

    --container:         1180px;
    --container-wide:    1320px;
    --gutter:            16px;
}
