/* The Windlog colours, in one place.
 *
 * Two groups, kept apart on purpose:
 *   - UI colours: chrome, buttons, states. A small set, reused everywhere.
 *   - CHART colours: saturated hues that must stay distinguishable as lines.
 *
 * These are the colours the platform has always used (Bootstrap 3's blue and green,
 * Google Charts' series palette), consolidated: near-duplicates dropped in favour of
 * one value per role. Warning and error tints live in status.css.
 *
 * Used by the login page and the management view. The dashboard still has its own
 * copies and should move onto these when it is rebuilt: see the mapping at the end.
 */
:root {
    /* ---- UI: blue ---- */
    --wl-blue: #337ab7;        /* card headers, primary buttons, links     (BS3 primary) */
    --wl-blue-dark: #2e6da4;   /* hover and active                                       */
    --wl-blue-soft: #a9d0f5;   /* azure: info buttons, chart power line                  */
    --wl-blue-tint: #d9edf7;   /* tinted background: panel headers, active chips         */
    --wl-blue-edge: #bce8f1;   /* border of tinted elements, focus rings                 */
    --wl-blue-text: #31708f;   /* text on a tinted background                            */
    --wl-blue-faint: #f4f7fb;  /* barely-there wash: selected rows, hover                */

    /* ---- UI: green, for "all good" ---- */
    --wl-green: #5cb85c;       /* buttons                                  (BS3 success) */
    --wl-green-dark: #4cae4c;  /* hover, borders                                         */
    --wl-green-bg: #dff0d8;    /* connected rows, euro and CO2 boxes                     */
    --wl-green-edge: #d6e9c6;
    --wl-green-text: #3c763d;

    /* ---- UI: neutrals ---- */
    --wl-page-bg: #f4f5f7;
    --wl-surface: #ffffff;
    --wl-text: #1f2328;
    --wl-text-soft: #4b5563;   /* secondary rows, quieter than the main text */
    --wl-muted: #6b7280;
    --wl-border: #e3e6ea;
    --wl-surface-alt: #fafbfc;  /* table headers and quiet strips */

    /* ---- CHART series (Google Charts' classic palette) ---- */
    --wl-chart-wind: #3366cc;              /* dark blue: wind               */
    --wl-chart-power: var(--wl-blue-soft); /* azure: instant power          */
    --wl-chart-energy: #ff9900;            /* orange: energy produced       */
    --wl-chart-green: #109618;             /* further series, in pick order */
    --wl-chart-red: #dc3912;
    --wl-chart-purple: #990099;
    --wl-chart-pink: #dd4477;
    --wl-chart-darkred: #b82e2e;
}

/* Mapping for the dashboard rewrite, so nothing gets lost:
 *   #A2D0FA (info buttons)       -> --wl-blue-soft   (near-duplicate of #a9d0f5)
 *   #CAD7E3 (info button hover)  -> --wl-blue-tint
 *   #d9edf7 #bce8f1 #31708f      -> --wl-blue-tint / -edge / -text  ("Dati pala" header)
 *   BS3 .alert-success, .table .success, #money-box -> --wl-green-bg / --wl-green-text
 *   BS3 .progress-bar-success, .btn-success         -> --wl-green
 *   dropped: #2f6db3, #e7effa, #eef2f7, #b9cde8 (my own near-misses of the above)
 */