:root {
    /* Brand colors derived from hero image */
    --brand-primary: #0C2C3A;        /* Deep teal */
    --brand-secondary: #1FA4B6;      /* Cyan glow */
    --brand-accent: #33C0F0;         /* Electric blue */

    --brand-leaf: #3CA948;           /* Natural green */
    --brand-leaf-bright: #A3FF4A;    /* Edge highlight */
    --brand-leaf-shadow: #0F4B24;    /* Dark green */

    --brand-dark-bg: #06141A;        /* Deep background */
    --brand-light: #F5F7F8;          /* Off-white */
    --brand-text-dark: #1A1A1A;
    --brand-text-light: #CDE9F2;

    --brand-radius: 12px;
    --brand-shadow: 0 4px 14px rgba(0,0,0,0.08);
    --brand-font: 'Arial', sans-serif;
}

/* Box-sizing baseline */
*, *::before, *::after {
    box-sizing: border-box;
}