:root {
    --page-width: 1500px;

    --bg-page-top: #040b11;
    --bg-page-middle: #08131c;
    --bg-page-bottom: #061017;

    --bg-shell: rgba(4, 10, 16, 0.78);
    --bg-nav: #08131c;
    --bg-input: #07131c;
    --bg-input-focus: #081925;
    --bg-footer: #071018;
    --bg-black: #000000;
    --bg-code: #030b0f;
    --bg-image: #02070a;
    --bg-soundcloud: #101820;
    --bg-button-secondary: #101d24;

    --bg-panel-top: rgba(11, 24, 34, 0.98);
    --bg-panel-bottom: rgba(7, 16, 24, 0.98);

    --bg-card-top: rgba(16, 36, 51, 0.95);
    --bg-card-bottom: rgba(8, 19, 28, 0.95);

    --line: #1d4a5f;
    --line-soft: #15384a;
    --line-strong: #24546a;
    --line-bright: #33d6ff;
    --line-shell: #0d2735;
    --line-nav: #102c3b;
    --line-nav-link: #123445;
    --line-side: #173c4d;
    --line-card: #1b475c;
    --line-field: #1b4b60;
    --line-code: #21495a;
    --line-button-secondary: #526c78;

    --text-main: #d8f7ff;
    --text-bright: #ffffff;
    --text-heading: #f0fdff;
    --text-title: #f2feff;
    --text-title-soft: #edfdff;
    --text-button: #eaffff;
    --text-code: #c9ffe7;
    --text-soft: #8dc8d8;
    --text-dim: #6792a0;
    --text-muted: #6792a0;

    --accent: #19d9ff;
    --accent-2: #00ffa8;

    --danger: #ff5770;
    --danger-hover: #ff7186;
    --danger-soft: #ff8b9e;
    --danger-message: #ff9aaa;
    --danger-text: #ffd7dd;
    --danger-bg: #35121a;
    --danger-bg-hover: #5a1724;

    --success-text: #70efbf;
    --warning: #ffad42;
    --warning-soft: #ffc36e;
    --warning-message: #ffd38a;

    --accent-glow: rgba(25, 217, 255, 0.45);
    --accent-glow-strong: rgba(25, 217, 255, 0.55);
    --accent-glow-hover: rgba(25, 217, 255, 0.28);
    --accent-glow-medium: rgba(25, 217, 255, 0.25);
    --accent-glow-muted: rgba(25, 217, 255, 0.18);
    --accent-glow-card: rgba(25, 217, 255, 0.16);
    --accent-glow-panel: rgba(25, 217, 255, 0.12);
    --accent-glow-focus: rgba(25, 217, 255, 0.1);
    --accent-glow-faint: rgba(25, 217, 255, 0.08);
    --accent-glow-soft: rgba(0, 255, 168, 0.18);
    --accent-2-glow: rgba(0, 255, 168, 0.45);
    --accent-2-glow-strong: rgba(0, 255, 168, 0.55);
    --accent-2-glow-muted: rgba(0, 255, 168, 0.08);
    --accent-2-glow-faint: rgba(0, 255, 168, 0.05);
    --accent-2-glow-subtle: rgba(0, 255, 168, 0.03);
    --danger-glow: rgba(255, 87, 112, 0.3);
    --danger-border: rgba(255, 95, 119, 0.65);
    --danger-border-soft: rgba(255, 95, 119, 0.55);

    --shadow-black-soft: rgba(0, 0, 0, 0.18);
    --shadow-black-panel: rgba(0, 0, 0, 0.28);
    --shadow-black-image: rgba(0, 0, 0, 0.35);
    --shadow-black-medium: rgba(0, 0, 0, 0.42);

    --transition-speed: 0.25s;
    /* One-off colours migrated from component stylesheets. */
    --legacy-colour-001: #0b202b;
    --legacy-colour-002: #0c2836;
    --legacy-colour-003: #0d2936;
    --legacy-colour-004: #00c985;
    --legacy-colour-005: #00d8ff;
    --legacy-colour-006: #081820;
    --legacy-colour-007: #7b2631;
    --legacy-colour-008: #7ceab5;
    --legacy-colour-009: #56efb7;
    --legacy-colour-010: #63efb9;
    --legacy-colour-011: #70dcff;
    --legacy-colour-012: #72ddff;
    --legacy-colour-013: #91afbd;
    --legacy-colour-014: #99b8c7;
    --legacy-colour-015: #123b4c;
    --legacy-colour-016: #123f51;
    --legacy-colour-017: #173f52;
    --legacy-colour-018: #19485a;
    --legacy-colour-019: #173848;
    --legacy-colour-020: #943240;
    --legacy-colour-021: #a54350;
    --legacy-colour-022: #b6d5c8;
    --legacy-colour-023: #baffdf;
    --legacy-colour-024: #d08a38;
    --legacy-colour-025: #d5b84c;
    --legacy-colour-026: #d8edf5;
    --legacy-colour-027: #d9f7ff;
    --legacy-colour-028: #ff6f91;
    --legacy-colour-029: #ff9bb2;
    --legacy-colour-030: #ff9ce6;
    --legacy-colour-031: #ff849a;
    --legacy-colour-032: #ffd2d8;
    --legacy-colour-033: #ffd66e;
    --legacy-colour-034: #fff0b0;
    --legacy-colour-035: rgba(0, 0, 0, 0.32);
    --legacy-colour-036: rgba(0, 0, 0, 0.45);
    --legacy-colour-037: rgba(0, 6, 10, 0.78);
    --legacy-colour-038: rgba(0, 201, 133, 0.1);
    --legacy-colour-039: rgba(0, 216, 255, 0.2);
    --legacy-colour-040: rgba(0, 255, 168, 0.035);
    --legacy-colour-041: rgba(0, 255, 168, 0.06);
    --legacy-colour-042: rgba(0, 255, 168, 0.07);
    --legacy-colour-043: rgba(0, 255, 168, 0.35);
    --legacy-colour-044: rgba(0, 255, 168, 0.62);
    --legacy-colour-045: rgba(3, 18, 28, 0.45);
    --legacy-colour-046: rgba(4, 10, 16, 0.92);
    --legacy-colour-047: rgba(4, 14, 21, 0.98);
    --legacy-colour-048: rgba(4, 14, 22, 0.92);
    --legacy-colour-049: rgba(4, 15, 22, 0.98);
    --legacy-colour-050: rgba(4, 42, 34, 0.58);
    --legacy-colour-051: rgba(4, 42, 34, 0.72);
    --legacy-colour-052: rgba(5, 14, 21, 0.98);
    --legacy-colour-053: rgba(5, 18, 26, 0.95);
    --legacy-colour-054: rgba(5, 18, 27, 0.96);
    --legacy-colour-055: rgba(5, 20, 29, 0.94);
    --legacy-colour-056: rgba(5, 27, 39, 0.72);
    --legacy-colour-057: rgba(5, 37, 31, 0.52);
    --legacy-colour-058: rgba(5, 45, 38, 0.78);
    --legacy-colour-059: rgba(6, 16, 23, 0.95);
    --legacy-colour-060: rgba(6, 16, 23, 0.98);
    --legacy-colour-061: rgba(6, 22, 31, 0.9);
    --legacy-colour-062: rgba(6, 22, 31, 0.94);
    --legacy-colour-063: rgba(6, 22, 31, 0.98);
    --legacy-colour-064: rgba(7, 16, 24, 0.98);
    --legacy-colour-065: rgba(7, 18, 26, 0.76);
    --legacy-colour-066: rgba(7, 19, 28, 0.96);
    --legacy-colour-067: rgba(7, 24, 33, 0.76);
    --legacy-colour-068: rgba(7, 27, 34, 0.78);
    --legacy-colour-069: rgba(7, 27, 37, 0.96);
    --legacy-colour-070: rgba(7, 38, 44, 0.98);
    --legacy-colour-071: rgba(8, 19, 28, 0.95);
    --legacy-colour-072: rgba(8, 21, 29, 0.95);
    --legacy-colour-073: rgba(8, 21, 30, 0.98);
    --legacy-colour-074: rgba(8, 26, 36, 0.92);
    --legacy-colour-075: rgba(8, 30, 42, 0.92);
    --legacy-colour-076: rgba(8, 31, 41, 0.9);
    --legacy-colour-077: rgba(8, 31, 44, 0.72);
    --legacy-colour-078: rgba(8, 45, 57, 0.96);
    --legacy-colour-079: rgba(10, 31, 42, 0.72);
    --legacy-colour-080: rgba(11, 24, 34, 0.98);
    --legacy-colour-081: rgba(13, 57, 72, 0.96);
    --legacy-colour-082: rgba(14, 31, 44, 0.9);
    --legacy-colour-083: rgba(14, 34, 47, 0.96);
    --legacy-colour-084: rgba(14, 35, 49, 0.95);
    --legacy-colour-085: rgba(14, 35, 49, 0.98);
    --legacy-colour-086: rgba(14, 39, 52, 0.85);
    --legacy-colour-087: rgba(14, 43, 56, 0.98);
    --legacy-colour-088: rgba(14, 48, 61, 0.76);
    --legacy-colour-089: rgba(14, 77, 83, 0.98);
    --legacy-colour-090: rgba(18, 46, 61, 0.95);
    --legacy-colour-091: rgba(18, 48, 66, 0.95);
    --legacy-colour-092: rgba(25, 217, 255, 0.035);
    --legacy-colour-093: rgba(25, 217, 255, 0.05);
    --legacy-colour-094: rgba(25, 217, 255, 0.2);
    --legacy-colour-095: rgba(25, 217, 255, 0.14);
    --legacy-colour-096: rgba(25, 217, 255, 0.24);
    --legacy-colour-097: rgba(25, 217, 255, 0.35);
    --legacy-colour-098: rgba(50, 34, 9, 0.72);
    --legacy-colour-099: rgba(51, 14, 23, 0.72);
    --legacy-colour-100: rgba(54, 31, 11, 0.65);
    --legacy-colour-101: rgba(70, 205, 145, 0.38);
    --legacy-colour-102: rgba(70, 205, 145, 0.45);
    --legacy-colour-103: rgba(72, 220, 255, 0.08);
    --legacy-colour-104: rgba(72, 220, 255, 0.3);
    --legacy-colour-105: rgba(72, 220, 255, 0.8);
    --legacy-colour-106: rgba(72, 220, 255, 0.9);
    --legacy-colour-107: rgba(72, 220, 255, 0.13);
    --legacy-colour-108: rgba(72, 220, 255, 0.55);
    --legacy-colour-109: rgba(73, 180, 225, 0.22);
    --legacy-colour-110: rgba(73, 180, 225, 0.35);
    --legacy-colour-111: rgba(89, 190, 230, 0.2);
    --legacy-colour-112: rgba(99, 239, 185, 0.45);
    --legacy-colour-113: rgba(101, 216, 255, 0.65);
    --legacy-colour-114: rgba(213, 184, 76, 0.1);
    --legacy-colour-115: rgba(255, 87, 112, 0.1);
    --legacy-colour-116: rgba(255, 111, 145, 0.65);
    --legacy-colour-117: rgba(255, 139, 158, 0.45);
    --legacy-colour-118: rgba(255, 156, 230, 0.48);
    --legacy-colour-119: rgba(255, 193, 92, 0.58);
    --legacy-colour-120: rgba(255, 214, 110, 0.45);
    --legacy-colour-121: rgba(255, 255, 255, 0.025);
    --legacy-colour-122: rgba(255, 255, 255, 0.1);
}