:root {
    /* BRAND */
    --brand-green-dark: #163832;
    --brand-green: #A8D5BA;
    --brand-green-strong: #79B09F;
    --brand-cream: #F3F0E7;

    /* SURFACES */
    --surface-main: #0D1110;
    --surface-soft: #121714;
    --surface-soft-2: #171D19;
    --surface-green: #163832;
    --surface-green-soft: #1D4A40;
    --surface-cream: #F3F0E7;

    /* TEXT */
    --text-light: #F3F0E7;
    --text-light-soft: rgba(243, 240, 231, 0.68);
    --text-light-muted: rgba(243, 240, 231, 0.44);
    --text-dark: #163832;
    --text-dark-soft: #52605B;
    --text-accent: #A8D5BA;

    /* BORDERS */
    --border-light: rgba(243, 240, 231, 0.10);
    --border-light-strong: rgba(243, 240, 231, 0.16);
    --border-green: rgba(168, 213, 186, 0.22);

    /* TYPOGRAPHY */
    --font-primary: "Manrope", sans-serif;

    /* LAYOUT */
    --container-width: 1180px;

    /* RADIUS */
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --radius-xl: 32px;

    /* SHADOWS */
    --shadow-soft: 0 18px 55px rgba(0, 0, 0, 0.18);
    --shadow-card: 0 34px 90px rgba(0, 0, 0, 0.28);

    /* TRANSITIONS */
    --transition-fast: 180ms ease;
    --transition-normal: 280ms ease;
}