:root {
    /* ─── Base Colours ─────────────────────────────────────── */
    --transparent: transparent;
    --cadet: #569ea8;
    --info: #6c8cd6;
    --blue: #4497e7;
    --ocean: #45b3c2;
    --cyan: #00cecb;
    --space: #33656b;
    --magenta: #f15fe2;
    --purple: #7c91df;
    --red: #f26d60;
    --rust: #f25346;
    --sandy: #f5a15d;
    --yellow: #f5d45d;
    --dark-yellow: #e8b90e;
    --green: #86d295;
    --white: #fff;
    --ghost: #f2f2f2;
    --chalk: #e4e4e4;
    --ash: #d8d8d8;
    --grey: #c8c8c8;
    --concrete: #b0b0b0;
    --steel: #a2a2a2;
    --storm: #9b9b9b;
    --silver: #8e8e92;
    --wolf: #767676;
    --granite: #656565;
    --iron: #54545a;
    --graphite: #4a4a4a;
    --stone: #363636;
    --slate: #2d2d2d;
    --coal: #242424;
    --eerie: #1e1e1e;
    --midnight: #1a1a1a;
    --black: #0e0e0e;
    --true-black: #000;
    --dark-red: #2a1413;

    /* ─── Darken Colours ------------─────────────────────── */
    --redDarken10: color-mix(in srgb, var(--true-black) 10%, var(--red));
    --infoDarken10: color-mix(in srgb, var(--true-black) 10%, var(--info));
    --greenDarken10: color-mix(in srgb, var(--true-black) 10%, var(--green));
    --greenDarken25: color-mix(in srgb, var(--true-black) 25%, var(--green));
    --spaceDarken15: color-mix(in srgb, var(--true-black) 15%, var(--space));
    --oceanDarken10: color-mix(in srgb, var(--true-black) 10%, var(--ocean));
    --steelDarken10: color-mix(in srgb, var(--true-black) 10%, var(--steel));

    /* ─── Lighten Colours ------------─────────────────────── */
    --redLighten05: color-mix(in srgb, var(--dark-red) 100%, var(--white) 5%);
    --ironLighten10: color-mix(in srgb, var(--iron) 100%, var(--white) 10%);
    --oceanLighten10: color-mix(in srgb, var(--ocean) 100%, var(--white) 10%);

    /* ─── Alpha Colours ------------─────────────────────── */
    --stoneAlpha1: rgba(54, 54, 54, 0.1);
    --wolfAlpha2: rgba(118, 118, 118, 0.2);
    --midnightAlpha4: rgba(26, 26, 26, 0.4);
    --midnightAlpha8: rgba(26, 26, 26, 0.8);

    /* ─── HPE Aruba Networking Colours ─────────────────────── */
    --aruba-grey: #646569;
    --aruba-orange: #ff8300;

    /* ─── HPE Colours ───────────────────────────────────────── */
    --hpe-green: hsla(166, 99%, 33%, 1);
    --hpe-green-dark: hsla(166, 99%, 26%, 1);

    /* ─── Sensor LED Colours ────────────────────────────────── */
    --led-blue: #72a8ff;
    --led-cyan: #00cecb;
    --led-green: #73f6a3;
    --led-magenta: var(--magenta);
    --led-orange: #ff924e;
    --led-red: #ff5e5b;
    --led-unsure: #5ae676;
    --led-white: #ffffea;
    --led-yellow: #ffed66;
    --led-white-red: linear-gradient(
            45deg,
            var(--led-white) 40%,
            var(--led-red) 60%
    );
    --led-green-cyan: linear-gradient(
            45deg,
            var(--led-green) 40%,
            var(--led-cyan) 60%
    );
    --led-rainbow: linear-gradient(
            45deg,
            var(--led-cyan),
            var(--led-green),
            var(--led-yellow),
            var(--led-orange),
            var(--led-red),
            var(--magenta),
            var(--led-blue)
    );

    /* ─── Onboarding Gradients ──────────────────────────────── */
    --gradient-phase-1: var(--green);
    --gradient-phase-2: #80cc9e;
    --gradient-phase-3: #78c5a6;
    --gradient-phase-4: #71bfaf;
    --gradient-phase-5: #6ab8b8;
    --gradient-phase-6: #63b1c0;

    /* ─── State Colours ─────────────────────────────────────── */
    --good: var(--green);
    --warning: var(--yellow);
    --error: var(--red);
    --pending: var(--wolf);
    --offline: var(--wolf);

    /* ─── Form Colours ──────────────────────────────────────── */
    --form-default: var(--ghost);
    --form-info: var(--info);
    --form-error: var(--red);
    --form-success: var(--green);
    --form-warning: var(--dark-yellow);
    --form-enabled: var(--ocean);
    --form-disabled: var(--ash);

    /* ─── Notification Colours ──────────────────────────────── */
    --notification-info: var(--info);
    --notification-error: var(--red);
    --notification-danger: var(--rust);
    --notification-warning: var(--dark-yellow);
    --notification-success: var(--green);

    /* ─── Chart Colours ─────────────────────────────────────── */
    --chart-info: #90aff8;
    --chart-unmanaged: #4d6499;
    --chart-interpolated: #636363;
}