/* Helena Duarte — design tokens (Nive Sistemas) */

:root {
    /* Palette — mineral paper + graphite + sage */
    --paper: #f3f4f2;
    --paper-deep: #e8eae6;
    --surface: #ffffff;
    --ink: #1c1f1d;
    --ink-soft: rgba(28, 31, 29, 0.68);
    --ink-mute: rgba(28, 31, 29, 0.48);
    --line: rgba(28, 31, 29, 0.1);

    --accent: #6b7f71;
    --accent-strong: #55685b;
    --accent-soft: rgba(107, 127, 113, 0.12);
    --on-accent: #f5f7f5;

    /* Typography */
    --font-display: "Newsreader", "Georgia", "Times New Roman", serif;
    --font-body: "Outfit", "Segoe UI", system-ui, sans-serif;

    --text-hero: clamp(2.15rem, 1.4rem + 3.4vw, 3.55rem);
    --text-h2: clamp(1.75rem, 1.25rem + 2vw, 2.45rem);
    --text-h3: clamp(1.15rem, 1rem + 0.5vw, 1.35rem);
    --text-lead: clamp(1.05rem, 1rem + 0.25vw, 1.2rem);
    --text-body: 1.05rem;
    --text-small: 0.9rem;
    --text-meta: 0.78rem;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4.5rem;
    --space-9: 6.5rem;
    --space-10: 8.5rem;

    /* Radius — soft, single scale */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Layout */
    --container: 1120px;
    --header-h: 68px;
    --concept-banner-h: 1.65rem;

    /* Motion */
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --t-fast: 0.2s var(--ease);
    --t: 0.35s var(--ease);
    --t-slow: 0.7s var(--ease);

    /* Shadow — tinted, never pure black */
    --shadow-soft: 0 14px 40px rgba(28, 31, 29, 0.08);

    /* Z-index */
    --z-header: 40;
    --z-menu: 50;
    --z-float: 45;
}