/* Tokens do site institucional — ver docs/_projeto/04-design-system.md */
:root {
    /* Paleta base (dossiê de identidade visual) */
    --color-olive: #69742F;
    --color-olive-dark: #4F5828;
    --color-olive-light: #BEC981;
    --color-coral: #DE6C63;
    --color-accent: #D84849;
    --color-blush: #F5DCD8;
    --color-paper: #F7F2E8;
    --color-graphite: #2D2D2A;
    --color-sky: #1D81C1;

    /* Semânticos */
    --color-bg: var(--color-paper);
    --color-surface: #FFFFFF;
    --color-surface-alt: var(--color-blush);
    --color-text: var(--color-graphite);
    --color-text-muted: #6B6B60;
    --color-border: #E4D9CE;
    --color-focus: var(--color-sky);

    --btn-primary-bg: var(--color-olive-dark);
    --btn-primary-text: #FFFFFF;
    --btn-secondary-bg: var(--color-accent);
    --btn-secondary-text: #FFFFFF;

    /* Tipografia */
    --font-heading: 'Baloo 2', system-ui, sans-serif;
    --font-body: 'Quicksand', system-ui, sans-serif;
    --font-hand: 'Caveat', cursive;

    --fs-h1: clamp(2rem, 1.2rem + 4vw, 3.5rem);
    --fs-h2: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);
    --fs-h3: clamp(1.25rem, 1.05rem + 1vw, 1.75rem);
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --lh-heading: 1.15;
    --lh-body: 1.6;

    /* Espaçamento */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;

    /* Forma */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 28px;
    --radius-pill: 999px;

    --shadow-soft: 0 4px 14px rgba(45, 45, 42, 0.08);
    --shadow-sticker: 0 3px 0 rgba(45, 45, 42, 0.18);

    /* Inclinação (linguagem de colagem, nunca em texto corrido) */
    --tilt-1: -3deg;
    --tilt-2: 2deg;
    --tilt-3: -6deg;
    --tilt-4: 4deg;
    --tilt-stamp: -4deg;

    /* Camadas de composição — z-index nomeado (redesign scrapbook, docs/PLANO_DE_IMPLEMENTACAO.md) */
    --z-base: 0;
    --z-texture: 1;
    --z-ambience: 2;
    --z-content: 3;
    --z-collage: 4;
    --z-interactive: 5;
    --z-float: 6;
    --z-feedback: 7;

    /* Efeito sticker (contorno + sombra chapada, sem blur) */
    --sticker-outline: #FFFFFF;
    --sticker-outline-width: 3px;
    --sticker-shadow-offset: 3px;
    --sticker-shadow-color: var(--color-graphite);
}