:root {

    --color-primary: #08783f;
    --color-primary-dark: #04552d;
    --color-secondary: #f4b82b;

    --color-text: #18251f;
    --color-text-light: #66706b;

    --color-white: #ffffff;
    --color-background: #ffffff;
    --color-surface: #f7faf8;

    --border-color: #e5ebe7;

    --container-width: 1200px;

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;

    --shadow-soft:
        0 8px 30px rgba(0, 0, 0, 0.06);

    --transition-fast: 180ms ease;
    --transition-normal: 300ms ease;

}