:root {
    /* =====================================================
       EUROATLANTIC DESIGN SYSTEM
    ====================================================== */

    --color-ink: #07110f;
    --color-ink-soft: #101d19;
    --color-surface: #f3f5f1;
    --color-surface-alt: #e8ece6;
    --color-white: #ffffff;
    --color-muted: #77817c;
    --color-border: rgba(7, 17, 15, 0.12);

    --color-accent: #b7d7c2;
    --color-accent-strong: #8fbda0;
    --color-accent-dark: #527d65;

    --font-display:
        "Inter",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    --font-body:
        "Inter",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    --container-width: 1320px;
    --container-padding: 32px;

    --section-padding: 150px;

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 28px;
    --radius-xl: 40px;
    --radius-pill: 999px;

    --shadow-soft:
        0 20px 60px rgba(7, 17, 15, 0.08);

    --shadow-card:
        0 30px 80px rgba(7, 17, 15, 0.15);

    --transition-fast:
        180ms cubic-bezier(.2, .8, .2, 1);

    --transition:
        400ms cubic-bezier(.2, .8, .2, 1);

    --transition-slow:
        800ms cubic-bezier(.16, 1, .3, 1);
}