:root {
    --coconut-green: #1f6b3a;
    --coconut-green-dark: #154c2b;
    --coconut-green-deep: #103a24;
    --leaf-green: #4e8f52;
    --young-leaf: #8dbb72;
    --palm-light: #dcebd7;
    --palm-mist: #edf5e9;

    --arecanut-brown: #8b5e3c;
    --arecanut-brown-dark: #654127;
    --laterite: #a95d3a;
    --laterite-soft: #f2dfd2;
    --harvest-gold: #d5a63a;
    --harvest-gold-soft: #f5ebc8;

    --backwater-teal: #3e7c78;
    --backwater-teal-dark: #2e625f;
    --backwater-soft: #deefed;

    --coconut-cream: #f7f3e8;
    --coconut-cream-light: #fbf9f3;
    --palm-sand: #e8dfc8;
    --surface: #ffffff;
    --surface-soft: #faf8f1;

    --forest-text: #173d2a;
    --text: #1f2f25;
    --muted: #657268;
    --muted-light: #7d887f;

    --border: #ddd9c8;
    --border-green: #cbdcc8;
    --border-earth: #dbc7b7;

    --success: #2f7d46;
    --warning: #c58c27;
    --danger: #a94f3f;
    --info: #3e7c78;

    --brand: var(--coconut-green);
    --brand-dark: var(--coconut-green-dark);
    --brand-soft: var(--palm-mist);
    --background: var(--coconut-cream-light);

    --shadow-soft: 0 10px 30px rgba(27, 70, 43, 0.06);
    --shadow: 0 18px 48px rgba(27, 70, 43, 0.09);
    --shadow-strong: 0 24px 65px rgba(27, 70, 43, 0.13);

    --radius-xs: 8px;
    --radius-sm: 11px;
    --radius-md: 18px;
    --radius-lg: 30px;
    --radius-xl: 40px;

    --container: 1180px;
    --header-height: 76px;

    --transition-fast: 0.18s ease;
    --transition: 0.25s ease;
}