/* ============================================
   Horizon-Aero — Color tokens
   Extracted verbatim from globals.css :root
   ============================================ */
:root {
    /* --- Base palette --- */
    --ha-primary: #2d3589;        /* deep indigo — headings, primary UI, badges */
    --ha-primary-light: #4c59dd;  /* brighter indigo — gradient top, accents, links */
    --ha-ink: #060921;            /* near-black body text */
    --ha-ink-2: #060c48;          /* dark-blue text / stat gradient bottom */
    --ha-ink-deep: #0e1cae;       /* electric indigo — stat gradient top */
    --ha-bg: #fafafa;             /* page background */
    --ha-white: #ffffff;

    /* --- Signature gradients --- */
    /* Buttons, arrow circles: bright -> deep, top to bottom */
    --ha-gradient: linear-gradient(180deg, #4c59dd 0%, #2d3589 100%); /* @kind color */
    /* Gradient card borders: deep -> bright -> deep */
    --ha-gradient-border: linear-gradient(180deg, #2d3589 0%, #4c59dd 50%, #2d3589 100%); /* @kind color */
    /* Big spec numbers: electric -> dark, clipped to text */
    --ha-gradient-stat: linear-gradient(180deg, #0e1cae 0%, #060c48 100%); /* @kind color */

    /* --- Semantic aliases --- */
    --text-heading: var(--ha-primary);
    --text-body: var(--ha-ink);
    --text-muted: var(--ha-ink-2);
    --text-on-primary: var(--ha-white);
    --surface-page: var(--ha-bg);
    --surface-card: var(--ha-white);
    --surface-invert: var(--ha-primary);
    --accent: var(--ha-primary-light);
    --link: var(--ha-primary-light);
    --link-hover: var(--ha-primary);
}