:root {
    /* Brand colors from logo */
    --color-brown-dark: #6a3a1f;
    --color-brown: #8a4a24;
    --color-brown-light: #b76a3a;

    /* Neutral palette */
    --color-black: #111111;
    --color-dark-gray: #333333;
    --color-gray: #666666;
    --color-light-gray: #e5e5e5;
    --color-white: #ffffff;

    /* Green accent (nice natural tone) */
    --color-green: #4c9a4c;
    --color-green-dark: #3f7d3f;
    --color-green-light: #6fbd6f;

    --color-error: #b13636ff;

    /* Suggested usage aliases */
    --bg-primary: var(--color-white);
    --bg-secondary: var(--color-light-gray);
    --text-primary: var(--color-black);
    --text-secondary: var(--color-dark-gray);
    --brand-primary: var(--color-brown);
    --brand-secondary: var(--color-brown-dark);
    --clr-accent: var(--color-green);
}