:root {
    /* === COLORS === */
    --color-bg-primary: #0F1110;
    --color-bg-secondary: #111311;
    --color-bg-tertiary: #151816;
    --color-surface: #171A18;
    --color-surface-hover: #1B1F1C;
    --color-green: #4E8D62;
    --color-green-light: #6AAF7E;
    --color-green-dark: #3A6B4A;
    --color-green-rgb: 78, 141, 98;
    --color-dark: #1A1A1A;
    --color-text-primary: #F5F5F5;
    --color-text-secondary: #BFC7C0;
    --color-text-muted: #8A928B;
    --color-border: #4E8D62;
    --color-border-light: rgba(78, 141, 98, 0.3);
    --color-border-subtle: rgba(78, 141, 98, 0.12);

    /* === TYPOGRAPHY === */
    --font-heading: 'Plus Jakarta Sans', 'Inter', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --letter-spacing-brand: 0.18em;
    --letter-spacing-wide: 0.15em;
    --letter-spacing-normal: 0.02em;

    /* === SPACING === */
    --section-padding: 120px 0;
    --section-padding-mobile: 80px 0;
    --container-padding: 0 48px;
    --container-padding-mobile: 0 24px;
    --grid-gap: 32px;
    --grid-gap-mobile: 24px;

    /* === BORDERS === */
    --border-thin: 1px solid var(--color-border);
    --border-subtle: 1px solid var(--color-border-subtle);
    --border-light: 1px solid var(--color-border-light);
    --radius: 0px;
    --radius-sm: 2px;

    /* === TRANSITIONS === */
    --transition-fast: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-base: 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-slow: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* === LAYOUT === */
    --container-max: 1280px;
    --navbar-height: 72px;
}