/* Design Tokens — Social Hunters */

:root {
    /* Cores — paleta oficial */
    --color-red: #D90707;
    --color-red-dark: #590202;
    --color-blue-light: #6CBAD9;
    --color-blue-steel: #395D73;
    --color-blue-steel-dark: #2A465A;
    --color-gray-bg: #F2F2F2;
    --color-olive-dark: #403926;
    --color-white: #FFFFFF;

    /* Cores derivadas */
    --color-text: #403926;
    --color-text-muted: #6B6356;
    --color-heading: #1F3340;
    --color-border: #E5E2DC;
    --color-success: #2F8F4E;

    /* Tipografia */
    --font-heading: "Poppins", system-ui, -apple-system, sans-serif;
    --font-body: "Inter", system-ui, -apple-system, sans-serif;

    --font-h1: clamp(2rem, 1.4rem + 3vw, 3.5rem);
    --font-h2: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
    --font-h3: clamp(1.15rem, 1rem + 0.7vw, 1.5rem);
    --font-body-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
    --font-small: 0.875rem;

    /* Espaçamento (escala 4pt) */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* Layout */
    --container: 1200px;
    --container-narrow: 900px;

    /* Bordas e sombras */
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-full: 9999px;

    --shadow-sm: 0 1px 2px rgba(64, 57, 38, 0.06);
    --shadow-md: 0 8px 24px rgba(57, 93, 115, 0.10);
    --shadow-lg: 0 20px 50px rgba(57, 93, 115, 0.18);
    --shadow-red: 0 12px 30px rgba(217, 7, 7, 0.25);

    /* Transições */
    --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

    /* Header */
    --header-height: 128px;
}