:root {
    --brand-navy: #0f172a;
    --brand-blue: #1e3a5f;
    --brand-teal: #0f766e;
    --brand-teal-light: #14b8a6;
    --brand-green: #22c55e;

    --brand-bg: #eef3f7;
    --brand-card: #ffffff;
    --brand-text: #0f172a;
    --brand-muted: #64748b;

    --brand-gradient: linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #0f766e 100%);
    --brand-gradient-soft: linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,58,95,.92), rgba(15,118,110,.88));

    --brand-radius-lg: 24px;
    --brand-radius-md: 16px;
    --brand-shadow: 0 18px 45px rgba(15, 23, 42, .18);
}