/* Oceansix theme — brand colour variables */
:root {
    /* Primary interactive */
    --primary-color: #0066cc;
    --primary-hover: #0052a3;
    --primary-dark: #004999;

    /* Navigation */
    --nav-bg: #2c3e50;
    --nav-text: #ecf0f1;
    --nav-hover: #34495e;

    /* Brand gradient palette */
    --brand-darkest: #0a2540;
    --brand-dark: #0d3b66;
    --brand-mid: #1a6fb5;
    --brand-accent: #0078d4;
    --brand-accent-light: #00a6ff;
    --brand-glow: #64d2ff;

    /* Brand tints */
    --brand-tint-strong: #bbdefb;
    --brand-tint-medium: #e3f2fd;
    --brand-tint-light: #e8f0fe;
    --brand-tint-faintest: #f7fafd;

    /* Derived shadows (pre-computed so rgba() works without color-mix) */
    --brand-shadow: rgba(0, 102, 204, 0.1);
    --brand-accent-shadow: rgba(0, 120, 212, 0.35);
    --brand-accent-shadow-hover: rgba(0, 120, 212, 0.45);
    --brand-cta-shadow: rgba(10, 37, 64, 0.2);
}