/**
 * aqua med Brand Colors
 * =====================
 * Central definition of all brand colors as CSS custom properties.
 * Include this file before all other stylesheets so variables are
 * available app-wide.
 *
 * Usage:
 *   color: var(--brand-primary);
 *   background-color: var(--brand-accent);
 */

:root {
    /* ── Core Brand Palette ─────────────────────────────── */
    --brand-gray:        #718287;
    --brand-dark:        #004D6E;
    --brand-primary:     #008AB7;
    --brand-accent:      #FBBA00;
    --brand-blue:        #008BD2;
    --brand-light:       #D4EAFB;

    /* ── Derived / Hover Shades ─────────────────────────── */
    --brand-primary-hover: #004D6E;   /* darker primary for hover states */
    --brand-accent-hover:  #D9A200;   /* darker accent  for hover states */

    /* ── Semantic Aliases ───────────────────────────────── */
    --color-primary:     var(--brand-primary);
    --color-primary-dark:var(--brand-dark);
    --color-accent:      var(--brand-accent);
    --color-link:        var(--brand-primary);
    --color-link-hover:  var(--brand-dark);
}