:root {
    /* Marca */
    --blue: #97C3E9;
    --blue-50: #F3F8FD;
    --blue-100: #E2EFFA;
    --blue-700: #2F6A9E;
    --blue-900: #173A57;
    --green: #DEF38B;
    --green-50: #FAFDEB;
    --green-100: #F1FAC9;
    --green-800: #4F6410;

    /* Neutros */
    --text: #151718;
    --text-muted: #4B5157;
    --text-subtle: #6B7279;
    --background: #FBFBFB;
    --surface: #FFFFFF;
    --border: #E4E7EA;
    --light-grey: #d5d5d5;

    /* Tipografia */
    --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --fs-xs: 0.8125rem;
    --fs-sm: 0.9375rem;
    --fs-base: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
    --fs-2xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
    --fs-3xl: clamp(2rem, 1.5rem + 2vw, 3rem);
    --fs-display: clamp(3rem, 1.8rem + 5vw, 6rem);
    --lh-tight: 1.15;
    --lh-body: 1.65;

    /* Espaçamento */
    --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-section: clamp(4rem, 3rem + 4vw, 7rem);

    /* Layout */
    --container-max: 1184px;
    --gutter: clamp(1rem, 4vw, 2.5rem);
    --header-height: 5rem;

    /* Forma */
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2.5rem;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(21, 23, 24, 0.06), 0 1px 3px rgba(21, 23, 24, 0.08);
    --shadow-md: 0 4px 12px rgba(21, 23, 24, 0.08), 0 2px 4px rgba(21, 23, 24, 0.05);
    --shadow-lg: 0 16px 40px rgba(21, 23, 24, 0.12);

    /* Movimento */
    --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
    --duration: 200ms;
}
