:root {
    /* Colors */
    --color-dark: #1E1F22;
    --color-surface: #F5F5F3;
    --color-text: #232428;
    --color-text-secondary: #6B6B70;
    --color-border: #D9D9D9;
    --color-white: #FFFFFF;
    --color-accent: #1E1F22;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-body: 18px;
    --font-size-body-mobile: 15px;
    --line-height: 1.4;
    --letter-spacing: -0.04em;
    --letter-spacing-wide: 0.08em;

    /* === Spacing tokens === */
    --section-space-desktop: 120px;
    --section-space-mobile: 72px;

    --container-padding-desktop: 40px;
    --container-padding-mobile: 15px;

    --card-padding-desktop: 32px;
    --card-padding-mobile: 24px;

    /* Container */
    --container-max: 1340px;

    /* Cards */
    --card-radius: 16px;
    --card-radius-lg: 20px;
    --card-radius-sm: 18px;

    /* Header */
    --header-height: 80px;

    /* Transitions */
    --transition-card: 300ms ease;
    --transition-base: 200ms ease;

    /* Breakpoints */
    --bp-tablet: 1024px;
    --bp-mobile: 768px;
    --bp-small: 480px;
}