:root {
    --body-bg-rgb: 245, 245, 245;
    --primary-rgb: 38, 61, 134;
    --secondary-rgb: 18, 24, 32;
    --warning-rgb: 224, 206, 44;
    --warning005: rgba(var(--warning-rgb), 0.05);
    --info-rgb: 252, 181, 42;
    --success-rgb: 18, 135, 0;
    --success005: rgba(var(--success-rgb), 0.05);
    --danger-rgb: 177, 5, 14;
    --danger005: rgba(var(--danger-rgb), 0.05);
    --light-rgb: 248, 249,250;
    --dark-rgb: 35, 35, 35;
    --orange-rgb: 255, 165, 5;
    --pink-rgb: 231, 145, 188;
    --teal-rgb: 18, 194, 194;
    --persian-green-rgb: 0, 166, 147;
    --meant-foam-rgb: 1, 95, 83;
    --mint-foam-rgb: 230, 247, 245;
    --persian-red-rgb: 121, 31, 31;
    --amber-gold-rgb: 133, 79, 11;
    --persian-olive-rgb: 59, 109, 17;
    --bronze-amber-rgb: 122, 79, 0;
    --amber-cream-rgb: 255, 248, 236;
    --slate-steel-rgb: 53, 75, 97;
    --purple-rgb: 177, 75, 213;
    --purple005: rgba(var(--purple-rgb), 0.05);

    --default-body-bg-color: rgb(var(--body-bg-rgb));
    --persian-green-color: rgb(var(--persian-green-rgb));
    --persian-green-border: rgb(var(--persian-green-rgb));
    --persian-green01: rgba(var(--persian-green-rgb), 0.1);
    --persian-green03: rgba(var(--persian-green-rgb), 0.3);
    --persian-green05: rgba(var(--persian-green-rgb), 0.5);
    --persian-green08: rgba(var(--persian-green-rgb), 0.8);

    --persian-red-color: rgb(var(--persian-red-rgb));
    --persian-red-border: rgb(var(--persian-red-rgb));
    --persian-red01: rgba(var(--persian-red-rgb), 0.1);
    --persian-red005: rgba(var(--persian-red-rgb), 0.05);
    --persian-red03: rgba(var(--persian-red-rgb), 0.3);
    --persian-red05: rgba(var(--persian-red-rgb), 0.5);
    --persian-red08: rgba(var(--persian-red-rgb), 0.8);

    --amber-gold-color: rgb(var(--amber-gold-rgb));
    --amber-gold-border: rgb(var(--amber-gold-rgb));
    --amber-gold01: rgba(var(--amber-gold-rgb), 0.1);
    --amber-gold03: rgba(var(--amber-gold-rgb), 0.3);
    --amber-gold05: rgba(var(--amber-gold-rgb), 0.5);
    --amber-gold08: rgba(var(--amber-gold-rgb), 0.8);

    --persian-olive-color: rgb(var(--persian-olive-rgb));
    --persian-olive-border: rgb(var(--persian-olive-rgb));
    --persian-olive01: rgba(var(--persian-olive-rgb), 0.1);
    --persian-olive03: rgba(var(--persian-olive-rgb), 0.3);
    --persian-olive05: rgba(var(--persian-olive-rgb), 0.5);
    --persian-olive08: rgba(var(--persian-olive-rgb), 0.8);

    --risk-high-bg: #FBD4C2;
    --risk-medium-bg: #FAEEDA;
    --risk-low-bg: #EAF3DE;
    --risk-critical-rgb: 255, 60, 60;
    --risk-critical-bg: rgba(255, 60, 60, 0.23);
    --risk-critical-text: #821340;
    --risk-high-text: rgb(var(--persian-red-rgb));
    --risk-medium-text: rgb(var(--amber-gold-rgb));
    --risk-low-text: rgb(var(--persian-olive-rgb));
    --pcl-badge-severity-critical-bg: var(--risk-critical-bg);

    --meant-foam-color: rgb(var(--meant-foam-rgb));
    --meant-foam-border: rgb(var(--meant-foam-rgb));
    --meant-foam01: rgba(var(--meant-foam-rgb), 0.1);
    --meant-foam03: rgba(var(--meant-foam-rgb), 0.3);
    --meant-foam05: rgba(var(--meant-foam-rgb), 0.5);
    --meant-foam08: rgba(var(--meant-foam-rgb), 0.8);

    --mint-foam-color: rgb(var(--mint-foam-rgb));
    --bronze-amber-color: rgb(var(--bronze-amber-rgb));
    --amber-cream-color: rgb(var(--amber-cream-rgb));
    --slate-steel-color: rgb(var(--slate-steel-rgb));
    --slate-steel01: rgba(var(--slate-steel-rgb), 0.1);
    --slate-steel03: rgba(var(--slate-steel-rgb), 0.3);
    --slate-steel05: rgba(var(--slate-steel-rgb), 0.5);
    --slate-steel08: rgba(var(--slate-steel-rgb), 0.8);

    --primary-color: rgb(var(--primary-rgb));
    --primary-text: var(--custom-white);
    --primary-border: rgb(var(--primary-rgb));
    --primary01: rgba(var(--primary-rgb), 0.1);
    --primary02: rgba(var(--primary-rgb), 0.2);
    --primary03: rgba(var(--primary-rgb), 0.3);
    --primary04: rgba(var(--primary-rgb), 0.4);
    --primary05: rgba(var(--primary-rgb), 0.5);
    --primary06: rgba(var(--primary-rgb), 0.6);
    --primary07: rgba(var(--primary-rgb), 0.7);
    --primary08: rgba(var(--primary-rgb), 0.8);
    --primary09: rgba(var(--primary-rgb), 0.9);
    --primary005: rgba(var(--primary-rgb), 0.05);

    --secondary-color: rgb(var(--secondary-rgb));
    --secondary-text: var(--custom-white);
    --success-color: rgb(var(--success-rgb));
    --success-text: var(--custom-white);
    --info-color: rgb(var(--info-rgb));
    --info-text: var(--custom-white);
    --warning-color: rgb(var(--warning-rgb));
    --warning-text: var(--custom-white);
    --danger-color: rgb(var(--danger-rgb));
    --danger-text: var(--custom-white);
    --light-color: rgb(var(--light-rgb));
    --light-text: var(--custom-black);
    --dark-color: rgb(var(--dark-rgb));
    --dark-text: var(--custom-white);
    --orange-color: rgb(var(--orange-rgb));
    --orange-text: var(--custom-white);
    --pink-color: rgb(var(--pink-rgb));
    --pink-text: var(--custom-white);
    --teal-color: rgb(var(--teal-rgb));
    --teal-text: var(--custom-white);
    --purple-color: rgb(var(--purple-rgb));
    --purple-text: var(--custom-white);

    --default-text-color: #0A0A0A;
    --default-border: #f0f0f0;
    --default-background: #f2f4f7;

    --menu-bg: #1e293b;
    --menu-prime-color: #e2e8f0;
    --menu-border-color: rgba(255, 255, 255, 0.08);
    --menu-prime-icon-color: #e2e8f0;
    --header-bg: #ffffff;
    --page-header-bg: transparent;
    --header-prime-color: #1e293b;
    --header-border-color: #e2e8f0;

    /* Platform UI refresh — semantic tokens (pcl-*) */
    --pcl-nav-bg: #1e293b;
    --pcl-nav-text: #e2e8f0;
    --pcl-nav-muted: #94a3b8;
    --pcl-nav-active-bg: rgba(59, 130, 246, 0.15);
    --pcl-nav-active-text: #ffffff;
    --pcl-page-bg: #f1f5f9;
    --pcl-surface: #ffffff;
    --pcl-surface-border: #e2e8f0;
    --pcl-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --pcl-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06);
    --pcl-radius-card: 12px;
    --pcl-radius-control: 8px;
    --pcl-radius-pill: 999px;
    --pcl-primary: #1e293b;
    --pcl-primary-hover: #0f172a;
    --pcl-secondary-border: #cbd5e1;
    --pcl-text: #0f172a;
    --pcl-text-muted: #64748b;
    --pcl-metric-total: #3b82f6;
    --pcl-metric-active: #22c55e;
    --pcl-metric-inactive: #f59e0b;
    --pcl-metric-warning: #f59e0b;
    --pcl-metric-danger: #ef4444;
    --pcl-metric-success: #22c55e;
    --pcl-table-header-bg: #f8fafc;
    --pcl-table-stripe: #fafbfc;
    --pcl-badge-total-bg: rgba(59, 130, 246, 0.12);
    --pcl-badge-active-bg: rgba(34, 197, 94, 0.12);
    --pcl-badge-inactive-bg: rgba(245, 158, 11, 0.12);
    --pcl-badge-danger-bg: rgba(239, 68, 68, 0.12);
    --pcl-badge-warning-bg: rgba(245, 158, 11, 0.12);
    --pcl-badge-success-bg: rgba(34, 197, 94, 0.12);
    --pcl-badge-purple-bg: rgba(168, 85, 247, 0.12);
    --pcl-badge-info-bg: rgba(59, 130, 246, 0.12);
    --pcl-badge-neutral-bg: rgba(100, 116, 139, 0.12);
    --pcl-badge-closed-bg: var(--slate-storm01);
    --pcl-badge-risk-audit-bg: var(--persian-red01);
    --pcl-badge-archived-bg: var(--warm-taupe01);

    --custom-white: #fff;
    --custom-black: #000;
    --bootstrap-card-border: #f3f3f3;
    --list-hover-focus-bg: #f5f6f7;
    --text-muted: #818995;
    --input-border: #e4e9f4;
    --form-control-bg: #ffffff;

    --gray-1: #f9fafb;
    --gray-2: #f2f4f5;
    --gray-3: #e6eaeb;
    --gray-4: #dbdfe1;
    --gray-5: #949eb7;
    --gray-6: #7987a1;
    --gray-7: #4d5875;
    --gray-8: #383853;
    --gray-9: #323251;

    --white-1: rgba(255,255,255, 0.1);
    --white-2: rgba(255,255,255, 0.2);
    --white-3: rgba(255,255,255, 0.3);
    --white-4: rgba(255,255,255, 0.4);
    --white-5: rgba(255,255,255, 0.5);
    --white-6: rgba(255,255,255, 0.6);
    --white-7: rgba(255,255,255, 0.7);
    --white-8: rgba(255,255,255, 0.8);
    --white-9: rgba(255,255,255, 0.9);

    --black-1: rgba(0,0,0, 0.1);
    --black-2: rgba(0,0,0, 0.2);
    --black-3: rgba(0,0,0, 0.3);
    --black-4: rgba(0,0,0, 0.4);
    --black-5: rgba(0,0,0, 0.5);
    --black-6: rgba(0,0,0, 0.6);
    --black-7: rgba(0,0,0, 0.7);
    --black-8: rgba(0,0,0, 0.8);
    --black-9: rgba(0,0,0, 0.9);

    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --shadow-md: 0 0.5rem 3rem rgba(0, 0, 0, 0.175);
    --shadow-sm: 0 0.25rem 3rem rgba(0, 0, 0, 0.175);
    --box-shadow: 0px 0px 10px 2px rgb(214 214 214);

    /* Brand / pill background theme colors
       Each palette gets:
       - `--<name>-rgb` (components)
       - `--<name>` (solid color)
       - `--<name>-text` (recommended text color for pills)
       - `--<name>01..09` + `--<name>005` (lighter/transparent variants like primary01..primary005)
    */
    --state-indigo-rgb: 80, 82, 206;
    --state-indigo: rgb(var(--state-indigo-rgb));
    --state-indigo-text: var(--custom-white);
    --state-indigo01: rgba(var(--state-indigo-rgb), 0.1);
    --state-indigo02: rgba(var(--state-indigo-rgb), 0.2);
    --state-indigo03: rgba(var(--state-indigo-rgb), 0.3);
    --state-indigo04: rgba(var(--state-indigo-rgb), 0.4);
    --state-indigo05: rgba(var(--state-indigo-rgb), 0.5);
    --state-indigo06: rgba(var(--state-indigo-rgb), 0.6);
    --state-indigo07: rgba(var(--state-indigo-rgb), 0.7);
    --state-indigo08: rgba(var(--state-indigo-rgb), 0.8);
    --state-indigo09: rgba(var(--state-indigo-rgb), 0.9);
    --state-indigo005: rgba(var(--state-indigo-rgb), 0.05);

    --jungle-emerald-rgb: 18, 155, 109;
    --jungle-emerald: rgb(var(--jungle-emerald-rgb));
    --jungle-emerald-text: var(--custom-white);
    --jungle-emerald01: rgba(var(--jungle-emerald-rgb), 0.1);
    --jungle-emerald02: rgba(var(--jungle-emerald-rgb), 0.2);
    --jungle-emerald03: rgba(var(--jungle-emerald-rgb), 0.3);
    --jungle-emerald04: rgba(var(--jungle-emerald-rgb), 0.4);
    --jungle-emerald05: rgba(var(--jungle-emerald-rgb), 0.5);
    --jungle-emerald06: rgba(var(--jungle-emerald-rgb), 0.6);
    --jungle-emerald07: rgba(var(--jungle-emerald-rgb), 0.7);
    --jungle-emerald08: rgba(var(--jungle-emerald-rgb), 0.8);
    --jungle-emerald09: rgba(var(--jungle-emerald-rgb), 0.9);
    --jungle-emerald005: rgba(var(--jungle-emerald-rgb), 0.05);

    --crimson-rose-rgb: 219, 60, 88;
    --crimson-rose: rgb(var(--crimson-rose-rgb));
    --crimson-rose-text: var(--custom-white);
    --crimson-rose01: rgba(var(--crimson-rose-rgb), 0.1);
    --crimson-rose02: rgba(var(--crimson-rose-rgb), 0.2);
    --crimson-rose03: rgba(var(--crimson-rose-rgb), 0.3);
    --crimson-rose04: rgba(var(--crimson-rose-rgb), 0.4);
    --crimson-rose05: rgba(var(--crimson-rose-rgb), 0.5);
    --crimson-rose06: rgba(var(--crimson-rose-rgb), 0.6);
    --crimson-rose07: rgba(var(--crimson-rose-rgb), 0.7);
    --crimson-rose08: rgba(var(--crimson-rose-rgb), 0.8);
    --crimson-rose09: rgba(var(--crimson-rose-rgb), 0.9);
    --crimson-rose005: rgba(var(--crimson-rose-rgb), 0.05);

    --ocean-blue-rgb: 23, 148, 205;
    --ocean-blue: rgb(var(--ocean-blue-rgb));
    --ocean-blue-text: var(--custom-white);
    --ocean-blue01: rgba(var(--ocean-blue-rgb), 0.1);
    --ocean-blue02: rgba(var(--ocean-blue-rgb), 0.2);
    --ocean-blue03: rgba(var(--ocean-blue-rgb), 0.3);
    --ocean-blue04: rgba(var(--ocean-blue-rgb), 0.4);
    --ocean-blue05: rgba(var(--ocean-blue-rgb), 0.5);
    --ocean-blue06: rgba(var(--ocean-blue-rgb), 0.6);
    --ocean-blue07: rgba(var(--ocean-blue-rgb), 0.7);
    --ocean-blue08: rgba(var(--ocean-blue-rgb), 0.8);
    --ocean-blue09: rgba(var(--ocean-blue-rgb), 0.9);
    --ocean-blue005: rgba(var(--ocean-blue-rgb), 0.05);

    --soft-violet-rgb: 127, 90, 213;
    --soft-violet: rgb(var(--soft-violet-rgb));
    --soft-violet-text: var(--custom-white);
    --soft-violet01: rgba(var(--soft-violet-rgb), 0.1);
    --soft-violet02: rgba(var(--soft-violet-rgb), 0.2);
    --soft-violet03: rgba(var(--soft-violet-rgb), 0.3);
    --soft-violet04: rgba(var(--soft-violet-rgb), 0.4);
    --soft-violet05: rgba(var(--soft-violet-rgb), 0.5);
    --soft-violet06: rgba(var(--soft-violet-rgb), 0.6);
    --soft-violet07: rgba(var(--soft-violet-rgb), 0.7);
    --soft-violet08: rgba(var(--soft-violet-rgb), 0.8);
    --soft-violet09: rgba(var(--soft-violet-rgb), 0.9);
    --soft-violet005: rgba(var(--soft-violet-rgb), 0.05);

    --pacific-teal-rgb: 21, 166, 150;
    --pacific-teal: rgb(var(--pacific-teal-rgb));
    --pacific-teal-text: var(--custom-white);
    --pacific-teal01: rgba(var(--pacific-teal-rgb), 0.1);
    --pacific-teal02: rgba(var(--pacific-teal-rgb), 0.2);
    --pacific-teal03: rgba(var(--pacific-teal-rgb), 0.3);
    --pacific-teal04: rgba(var(--pacific-teal-rgb), 0.4);
    --pacific-teal05: rgba(var(--pacific-teal-rgb), 0.5);
    --pacific-teal06: rgba(var(--pacific-teal-rgb), 0.6);
    --pacific-teal07: rgba(var(--pacific-teal-rgb), 0.7);
    --pacific-teal08: rgba(var(--pacific-teal-rgb), 0.8);
    --pacific-teal09: rgba(var(--pacific-teal-rgb), 0.9);
    --pacific-teal005: rgba(var(--pacific-teal-rgb), 0.05);

    --amber-ember-rgb: 212, 98, 15;
    --amber-ember: rgb(var(--amber-ember-rgb));
    --amber-ember-text: var(--custom-white);
    --amber-ember01: rgba(var(--amber-ember-rgb), 0.1);
    --amber-ember02: rgba(var(--amber-ember-rgb), 0.2);
    --amber-ember03: rgba(var(--amber-ember-rgb), 0.3);
    --amber-ember04: rgba(var(--amber-ember-rgb), 0.4);
    --amber-ember05: rgba(var(--amber-ember-rgb), 0.5);
    --amber-ember06: rgba(var(--amber-ember-rgb), 0.6);
    --amber-ember07: rgba(var(--amber-ember-rgb), 0.7);
    --amber-ember08: rgba(var(--amber-ember-rgb), 0.8);
    --amber-ember09: rgba(var(--amber-ember-rgb), 0.9);
    --amber-ember005: rgba(var(--amber-ember-rgb), 0.05);

    --marigold-sun-rgb: 201, 144, 16;
    --marigold-sun: rgb(var(--marigold-sun-rgb));
    --marigold-sun-text: var(--default-text-color);
    --marigold-sun01: rgba(var(--marigold-sun-rgb), 0.1);
    --marigold-sun02: rgba(var(--marigold-sun-rgb), 0.2);
    --marigold-sun03: rgba(var(--marigold-sun-rgb), 0.3);
    --marigold-sun04: rgba(var(--marigold-sun-rgb), 0.4);
    --marigold-sun05: rgba(var(--marigold-sun-rgb), 0.5);
    --marigold-sun06: rgba(var(--marigold-sun-rgb), 0.6);
    --marigold-sun07: rgba(var(--marigold-sun-rgb), 0.7);
    --marigold-sun08: rgba(var(--marigold-sun-rgb), 0.8);
    --marigold-sun09: rgba(var(--marigold-sun-rgb), 0.9);
    --marigold-sun005: rgba(var(--marigold-sun-rgb), 0.05);

    --slate-storm-rgb: 74, 99, 128;
    --slate-storm: rgb(var(--slate-storm-rgb));
    --slate-storm-text: var(--custom-white);
    --slate-storm01: rgba(var(--slate-storm-rgb), 0.1);
    --slate-storm02: rgba(var(--slate-storm-rgb), 0.2);
    --slate-storm03: rgba(var(--slate-storm-rgb), 0.3);
    --slate-storm04: rgba(var(--slate-storm-rgb), 0.4);
    --slate-storm05: rgba(var(--slate-storm-rgb), 0.5);
    --slate-storm06: rgba(var(--slate-storm-rgb), 0.6);
    --slate-storm07: rgba(var(--slate-storm-rgb), 0.7);
    --slate-storm08: rgba(var(--slate-storm-rgb), 0.8);
    --slate-storm09: rgba(var(--slate-storm-rgb), 0.9);
    --slate-storm005: rgba(var(--slate-storm-rgb), 0.05);

    --warm-taupe-rgb: 111, 96, 77;
    --warm-taupe: rgb(var(--warm-taupe-rgb));
    --warm-taupe-text: var(--custom-white);
    --warm-taupe01: rgba(var(--warm-taupe-rgb), 0.1);
    --warm-taupe02: rgba(var(--warm-taupe-rgb), 0.2);
    --warm-taupe03: rgba(var(--warm-taupe-rgb), 0.3);
    --warm-taupe04: rgba(var(--warm-taupe-rgb), 0.4);
    --warm-taupe05: rgba(var(--warm-taupe-rgb), 0.5);
    --warm-taupe06: rgba(var(--warm-taupe-rgb), 0.6);
    --warm-taupe07: rgba(var(--warm-taupe-rgb), 0.7);
    --warm-taupe08: rgba(var(--warm-taupe-rgb), 0.8);
    --warm-taupe09: rgba(var(--warm-taupe-rgb), 0.9);
    --warm-taupe005: rgba(var(--warm-taupe-rgb), 0.05);

    --coral-flame-rgb: 224, 83, 58;
    --coral-flame: rgb(var(--coral-flame-rgb));
    --coral-flame-text: var(--custom-white);
    --coral-flame01: rgba(var(--coral-flame-rgb), 0.1);
    --coral-flame02: rgba(var(--coral-flame-rgb), 0.2);
    --coral-flame03: rgba(var(--coral-flame-rgb), 0.3);
    --coral-flame04: rgba(var(--coral-flame-rgb), 0.4);
    --coral-flame05: rgba(var(--coral-flame-rgb), 0.5);
    --coral-flame06: rgba(var(--coral-flame-rgb), 0.6);
    --coral-flame07: rgba(var(--coral-flame-rgb), 0.7);
    --coral-flame08: rgba(var(--coral-flame-rgb), 0.8);
    --coral-flame09: rgba(var(--coral-flame-rgb), 0.9);
    --coral-flame005: rgba(var(--coral-flame-rgb), 0.05);

    --fern-green-rgb: 58, 140, 78;
    --fern-green: rgb(var(--fern-green-rgb));
    --fern-green-text: var(--custom-white);
    --fern-green01: rgba(var(--fern-green-rgb), 0.1);
    --fern-green02: rgba(var(--fern-green-rgb), 0.2);
    --fern-green03: rgba(var(--fern-green-rgb), 0.3);
    --fern-green04: rgba(var(--fern-green-rgb), 0.4);
    --fern-green05: rgba(var(--fern-green-rgb), 0.5);
    --fern-green06: rgba(var(--fern-green-rgb), 0.6);
    --fern-green07: rgba(var(--fern-green-rgb), 0.7);
    --fern-green08: rgba(var(--fern-green-rgb), 0.8);
    --fern-green09: rgba(var(--fern-green-rgb), 0.9);
    --fern-green005: rgba(var(--fern-green-rgb), 0.05);

    --rose-quartz-rgb: 194, 84, 122;
    --rose-quartz: rgb(var(--rose-quartz-rgb));
    --rose-quartz-text: var(--custom-white);
    --rose-quartz01: rgba(var(--rose-quartz-rgb), 0.1);
    --rose-quartz02: rgba(var(--rose-quartz-rgb), 0.2);
    --rose-quartz03: rgba(var(--rose-quartz-rgb), 0.3);
    --rose-quartz04: rgba(var(--rose-quartz-rgb), 0.4);
    --rose-quartz05: rgba(var(--rose-quartz-rgb), 0.5);
    --rose-quartz06: rgba(var(--rose-quartz-rgb), 0.6);
    --rose-quartz07: rgba(var(--rose-quartz-rgb), 0.7);
    --rose-quartz08: rgba(var(--rose-quartz-rgb), 0.8);
    --rose-quartz09: rgba(var(--rose-quartz-rgb), 0.9);
    --rose-quartz005: rgba(var(--rose-quartz-rgb), 0.05);

    --steel-sapphire-rgb: 42, 95, 165;
    --steel-sapphire: rgb(var(--steel-sapphire-rgb));
    --steel-sapphire-text: var(--custom-white);
    --steel-sapphire01: rgba(var(--steel-sapphire-rgb), 0.1);
    --steel-sapphire02: rgba(var(--steel-sapphire-rgb), 0.2);
    --steel-sapphire03: rgba(var(--steel-sapphire-rgb), 0.3);
    --steel-sapphire04: rgba(var(--steel-sapphire-rgb), 0.4);
    --steel-sapphire05: rgba(var(--steel-sapphire-rgb), 0.5);
    --steel-sapphire06: rgba(var(--steel-sapphire-rgb), 0.6);
    --steel-sapphire07: rgba(var(--steel-sapphire-rgb), 0.7);
    --steel-sapphire08: rgba(var(--steel-sapphire-rgb), 0.8);
    --steel-sapphire09: rgba(var(--steel-sapphire-rgb), 0.9);
    --steel-sapphire005: rgba(var(--steel-sapphire-rgb), 0.05);

    --copper-rust-rgb: 168, 82, 43;
    --copper-rust: rgb(var(--copper-rust-rgb));
    --copper-rust-text: var(--custom-white);
    --copper-rust01: rgba(var(--copper-rust-rgb), 0.1);
    --copper-rust02: rgba(var(--copper-rust-rgb), 0.2);
    --copper-rust03: rgba(var(--copper-rust-rgb), 0.3);
    --copper-rust04: rgba(var(--copper-rust-rgb), 0.4);
    --copper-rust05: rgba(var(--copper-rust-rgb), 0.5);
    --copper-rust06: rgba(var(--copper-rust-rgb), 0.6);
    --copper-rust07: rgba(var(--copper-rust-rgb), 0.7);
    --copper-rust08: rgba(var(--copper-rust-rgb), 0.8);
    --copper-rust09: rgba(var(--copper-rust-rgb), 0.9);
    --copper-rust005: rgba(var(--copper-rust-rgb), 0.05);

    --midnight-plum-rgb: 107, 63, 160;
    --midnight-plum: rgb(var(--midnight-plum-rgb));
    --midnight-plum-text: var(--custom-white);
    --midnight-plum01: rgba(var(--midnight-plum-rgb), 0.1);
    --midnight-plum02: rgba(var(--midnight-plum-rgb), 0.2);
    --midnight-plum03: rgba(var(--midnight-plum-rgb), 0.3);
    --midnight-plum04: rgba(var(--midnight-plum-rgb), 0.4);
    --midnight-plum05: rgba(var(--midnight-plum-rgb), 0.5);
    --midnight-plum06: rgba(var(--midnight-plum-rgb), 0.6);
    --midnight-plum07: rgba(var(--midnight-plum-rgb), 0.7);
    --midnight-plum08: rgba(var(--midnight-plum-rgb), 0.8);
    --midnight-plum09: rgba(var(--midnight-plum-rgb), 0.9);
    --midnight-plum005: rgba(var(--midnight-plum-rgb), 0.05);

    --sage-mist-rgb: 90, 138, 114;
    --sage-mist: rgb(var(--sage-mist-rgb));
    --sage-mist-text: var(--custom-white);
    --sage-mist01: rgba(var(--sage-mist-rgb), 0.1);
    --sage-mist02: rgba(var(--sage-mist-rgb), 0.2);
    --sage-mist03: rgba(var(--sage-mist-rgb), 0.3);
    --sage-mist04: rgba(var(--sage-mist-rgb), 0.4);
    --sage-mist05: rgba(var(--sage-mist-rgb), 0.5);
    --sage-mist06: rgba(var(--sage-mist-rgb), 0.6);
    --sage-mist07: rgba(var(--sage-mist-rgb), 0.7);
    --sage-mist08: rgba(var(--sage-mist-rgb), 0.8);
    --sage-mist09: rgba(var(--sage-mist-rgb), 0.9);
    --sage-mist005: rgba(var(--sage-mist-rgb), 0.05);

    --dusk-magenta-rgb: 168, 52, 138;
    --dusk-magenta: rgb(var(--dusk-magenta-rgb));
    --dusk-magenta-text: var(--custom-white);
    --dusk-magenta01: rgba(var(--dusk-magenta-rgb), 0.1);
    --dusk-magenta02: rgba(var(--dusk-magenta-rgb), 0.2);
    --dusk-magenta03: rgba(var(--dusk-magenta-rgb), 0.3);
    --dusk-magenta04: rgba(var(--dusk-magenta-rgb), 0.4);
    --dusk-magenta05: rgba(var(--dusk-magenta-rgb), 0.5);
    --dusk-magenta06: rgba(var(--dusk-magenta-rgb), 0.6);
    --dusk-magenta07: rgba(var(--dusk-magenta-rgb), 0.7);
    --dusk-magenta08: rgba(var(--dusk-magenta-rgb), 0.8);
    --dusk-magenta09: rgba(var(--dusk-magenta-rgb), 0.9);
    --dusk-magenta005: rgba(var(--dusk-magenta-rgb), 0.05);

    --cobalt-depth-rgb: 29, 111, 158;
    --cobalt-depth: rgb(var(--cobalt-depth-rgb));
    --cobalt-depth-text: var(--custom-white);
    --cobalt-depth01: rgba(var(--cobalt-depth-rgb), 0.1);
    --cobalt-depth02: rgba(var(--cobalt-depth-rgb), 0.2);
    --cobalt-depth03: rgba(var(--cobalt-depth-rgb), 0.3);
    --cobalt-depth04: rgba(var(--cobalt-depth-rgb), 0.4);
    --cobalt-depth05: rgba(var(--cobalt-depth-rgb), 0.5);
    --cobalt-depth06: rgba(var(--cobalt-depth-rgb), 0.6);
    --cobalt-depth07: rgba(var(--cobalt-depth-rgb), 0.7);
    --cobalt-depth08: rgba(var(--cobalt-depth-rgb), 0.8);
    --cobalt-depth09: rgba(var(--cobalt-depth-rgb), 0.9);
    --cobalt-depth005: rgba(var(--cobalt-depth-rgb), 0.05);
}

[data-theme-mode=dark] {
  --body-bg-rgb:
    38,
    44,
    60;
  --menu-bg: rgb(var(--body-bg-rgb));
  --menu-border-color: rgba(255,255,255,0.1);
  --menu-prime-color: rgba(255,255,255,0.6);
  --header-bg: rgb(var(--body-bg-rgb));
  --header-prime-color: rgba(255,255,255,0.6);
  --header-border-color: rgba(255,255,255,0.1);
  --custom-white: rgb(var(--body-bg-rgb));
  --custom-black: #fff;
  --default-border: rgba(255,255,255,0.1);
  --default-text-color: rgba(255,255,255,0.7);
  --light-rgb:
    47,
    52,
    66;
  --dark-rgb:
    240 ,245 ,248;
  --bootstrap-card-border: rgba(255,255,255,0.1);
  --list-hover-focus-bg: rgba(255,255,255,0.1);
  --default-background: rgba(255,255,255,0.1);
  --default-body-bg-color: rgb(var(--body-bg-rgb),0.95);
  --text-muted: rgba(255,255,255,0.5);
  --input-border: rgba(255,255,255,0.1);
  --form-control-bg: #262c3c;
  --gray-1: rgba(0,0,0,0.1);
  --gray-2: #17171c;
  --gray-3: #393946;
  --gray-4: #505062;
  --gray-5: #73738c;
  --gray-6: #8f8fa3;
  --gray-7: #ababba;
  --gray-8: #c7c7d1;
  --gray-9: #e3e3e8;
  --white-1: rgba(0,0,0,0.1);
  --white-2: rgba(0,0,0,0.2);
  --white-3: rgba(0,0,0,0.3);
  --white-4: rgba(0,0,0,0.4);
  --white-5: rgba(0,0,0,0.5);
  --white-6: rgba(0,0,0,0.6);
  --white-7: rgba(0,0,0,0.7);
  --white-8: rgba(0,0,0,0.8);
  --white-9: rgba(0,0,0,0.9);
  --black-1: rgba(255,255,255,0.1);
  --black-2: rgba(255,255,255,0.2);
  --black-3: rgba(255,255,255,0.3);
  --black-4: rgba(255,255,255,0.4);
  --black-5: rgba(255,255,255,0.5);
  --black-6: rgba(255,255,255,0.6);
  --black-7: rgba(255,255,255,0.7);
  --black-8: rgba(255,255,255,0.8);
  --black-9: rgba(255,255,255,0.9);
}

/*New Pills color theme (moved from site.css)*/
.bg-state-indigo {
    background-color: var(--state-indigo) !important;
}
.bg-jungle-emerald {
    background-color: var(--jungle-emerald) !important;
}
.bg-crimson-rose {
    background-color: var(--crimson-rose) !important;
}
.bg-ocean-blue {
    background-color: var(--ocean-blue) !important;
}
.bg-soft-violet {
    background-color: var(--soft-violet) !important;
}
.bg-pacific-teal {
    background-color: var(--pacific-teal) !important;
}
.bg-amber-ember {
    background-color: var(--amber-ember) !important;
}
.bg-marigold-sun {
    background-color: var(--marigold-sun) !important;
}
.bg-slate-storm {
    background-color: var(--slate-storm) !important;
}
.bg-slate-storm005 {
    background-color: var(--slate-storm005) !important;
}
.bg-warm-taupe {
    background-color: var(--warm-taupe) !important;
}
.bg-warm-taupe005 {
    background-color: var(--warm-taupe005) !important;
}
.bg-persian-red005 {
    background-color: var(--persian-red005) !important;
}
.bg-coral-flame {
    background-color: var(--coral-flame) !important;
}
.bg-fern-green {
    background-color: var(--fern-green) !important;
}
.bg-rose-quartz {
    background-color: var(--rose-quartz) !important;
}
.bg-steel-sapphire {
    background-color: var(--steel-sapphire) !important;
}
.bg-copper-rust {
    background-color: var(--copper-rust) !important;
}
.bg-midnight-plum {
    background-color: var(--midnight-plum) !important;
}
.bg-sage-mist {
    background-color: var(--sage-mist) !important;
}
.bg-dusk-magenta {
    background-color: var(--dusk-magenta) !important;
}
.bg-cobalt-depth {
    background-color: var(--cobalt-depth) !important;
}
.bg-on-hold {
    background-color: var(--gray-4) !important;
}

/* Text utilities moved from styles.css / site.css */
.text-risk-critical {
  color: var(--risk-critical-text) !important;
}
.text-risk-high {
  color: var(--risk-high-text) !important;
}
.text-risk-medium {
  color: var(--risk-medium-text) !important;
}
.text-risk-low {
  color: var(--risk-low-text) !important;
}
.bg-risk-critical {
  background-color: var(--risk-critical-bg) !important;
}

.text-bg-primary {
  background-color: var(--primary-color) !important;
  color: var(--primary-text) !important;
}
.text-bg-persian-green {
  background-color: var(--persian-green-color) !important;
  color: var(--custom-white) !important;
}
.text-bg-persian-red {
  background-color: var(--persian-red-color) !important;
  color: var(--custom-white) !important;
}
.text-bg-slate-storm {
  background-color: var(--slate-storm) !important;
  color: var(--slate-storm-text) !important;
}
.text-bg-warm-taupe {
  background-color: var(--warm-taupe) !important;
  color: var(--warm-taupe-text) !important;
}
.text-bg-amber-gold {
  background-color: var(--amber-gold-color) !important;
  color: var(--custom-white) !important;
}
.text-bg-persian-olive {
  background-color: var(--persian-olive-color) !important;
  color: var(--custom-white) !important;
}
.text-bg-meant-foam {
  background-color: var(--meant-foam-color) !important;
  color: var(--custom-white) !important;
}
.text-bg-mint-foam {
  background-color: var(--mint-foam-color) !important;
  color: var(--custom-white) !important;
}
.text-bg-bronze-amber {
  background-color: var(--bronze-amber-color) !important;
  color: var(--custom-white) !important;
}
.text-bg-amber-cream {
  background-color: var(--amber-cream-color) !important;
  color: var(--default-text-color) !important;
}
.text-bg-secondary {
  background-color: var(--secondary-color) !important;
  color: var(--secondary-text) !important;
}
.text-bg-warning {
  background-color: var(--warning-color) !important;
  color: var(--warning-text) !important;
}
.text-bg-info {
  background-color: var(--info-color) !important;
  color: var(--info-text) !important;
}
.text-bg-success {
  background-color: var(--success-color) !important;
  color: var(--success-text) !important;
}
.text-bg-danger {
  background-color: var(--danger-color) !important;
  color: var(--danger-text) !important;
}
.text-bg-light {
  background-color: var(--light-color) !important;
  color: var(--light-text) !important;
}
.text-bg-dark {
  background-color: var(--dark-color) !important;
  color: var(--dark-text) !important;
}

.text-default {
  color: var(--default-text-color) !important;
}
.text-muted {
  color: var(--text-muted) !important;
}
.text-primary {
  color: var(--primary-color) !important;
  opacity: 1;
}
.text-persian-green {
  color: var(--persian-green-color) !important;
  opacity: 1;
}
.text-persian-green.text-opacity-75 {
  color: var(--persian-green08) !important;
}
.text-persian-green.text-opacity-25 {
  color: var(--persian-green03) !important;
}
.text-persian-green.text-opacity-50 {
  color: var(--persian-green05) !important;
}
.text-persian-red {
  color: var(--persian-red-color) !important;
  opacity: 1;
}
.text-persian-red.text-opacity-75 {
  color: var(--persian-red08) !important;
}
.text-persian-red.text-opacity-25 {
  color: var(--persian-red03) !important;
}
.text-persian-red.text-opacity-50 {
  color: var(--persian-red05) !important;
}
.text-warm-taupe {
  color: var(--warm-taupe) !important;
  opacity: 1;
}
.text-warm-taupe.text-opacity-75 {
  color: var(--warm-taupe08) !important;
}
.text-warm-taupe.text-opacity-25 {
  color: var(--warm-taupe03) !important;
}
.text-warm-taupe.text-opacity-50 {
  color: var(--warm-taupe05) !important;
}
.text-amber-gold {
  color: var(--amber-gold-color) !important;
  opacity: 1;
}
.text-amber-gold.text-opacity-75 {
  color: var(--amber-gold08) !important;
}
.text-amber-gold.text-opacity-25 {
  color: var(--amber-gold03) !important;
}
.text-amber-gold.text-opacity-50 {
  color: var(--amber-gold05) !important;
}
.text-persian-olive {
  color: var(--persian-olive-color) !important;
  opacity: 1;
}
.text-persian-olive.text-opacity-75 {
  color: var(--persian-olive08) !important;
}
.text-persian-olive.text-opacity-25 {
  color: var(--persian-olive03) !important;
}
.text-persian-olive.text-opacity-50 {
  color: var(--persian-olive05) !important;
}
.text-meant-foam {
  color: var(--meant-foam-color) !important;
  opacity: 1;
}
.text-meant-foam.text-opacity-75 {
  color: var(--meant-foam08) !important;
}
.text-meant-foam.text-opacity-25 {
  color: var(--meant-foam03) !important;
}
.text-meant-foam.text-opacity-50 {
  color: var(--meant-foam05) !important;
}
.text-mint-foam {
  color: var(--mint-foam-color) !important;
}
.text-bronze-amber {
  color: var(--bronze-amber-color) !important;
}
.text-amber-cream {
  color: var(--amber-cream-color) !important;
}
.text-primary.text-opacity-75 {
  color: var(--primary08) !important;
}
.text-primary.text-opacity-25 {
  color: var(--primary03) !important;
}
.text-primary.text-opacity-50 {
  color: var(--primary05) !important;
}
.text-secondary {
  color: rgb(var(--secondary-rgb)) !important;
  opacity: 1;
}
.text-secondary.text-opacity-75 {
  color: rgba(var(--secondary-rgb), 0.75) !important;
}
.text-secondary.text-opacity-25 {
  color: rgba(var(--secondary-rgb), 0.25) !important;
}
.text-secondary.text-opacity-50 {
  color: rgba(var(--secondary-rgb), 0.5) !important;
}
.text-info {
  color: rgb(var(--info-rgb)) !important;
  opacity: 1;
}
.text-info.text-opacity-75 {
  color: rgba(var(--info-rgb), 0.75) !important;
}
.text-info.text-opacity-25 {
  color: rgba(var(--info-rgb), 0.25) !important;
}
.text-info.text-opacity-50 {
  color: rgba(var(--info-rgb), 0.5) !important;
}
.text-success {
  color: rgb(var(--success-rgb)) !important;
  opacity: 1;
}
.text-success.text-opacity-75 {
  color: rgba(var(--success-rgb), 0.75) !important;
}
.text-success.text-opacity-25 {
  color: rgba(var(--success-rgb), 0.25) !important;
}
.text-success.text-opacity-50 {
  color: rgba(var(--success-rgb), 0.5) !important;
}
.text-warning {
  color: rgb(var(--warning-rgb)) !important;
  opacity: 1;
}
.text-warning.text-opacity-75 {
  color: rgba(var(--warning-rgb), 0.75) !important;
}
.text-warning.text-opacity-25 {
  color: rgba(var(--warning-rgb), 0.25) !important;
}
.text-warning.text-opacity-50 {
  color: rgba(var(--warning-rgb), 0.5) !important;
}
.text-danger {
  color: rgb(var(--danger-rgb)) !important;
  opacity: 1;
}
.text-danger.text-opacity-75 {
  color: rgba(var(--danger-rgb), 0.75) !important;
}
.text-danger.text-opacity-25 {
  color: rgba(var(--danger-rgb), 0.25) !important;
}
.text-danger.text-opacity-50 {
  color: rgba(var(--danger-rgb), 0.5) !important;
}
.text-blue {
  color: #2b3e65 !important;
}
.text-green {
  color: #1dd871 !important;
}
.text-pink {
  color: rgb(var(--pink-rgb)) !important;
}
.text-teal {
  color: rgb(var(--teal-rgb)) !important;
}
.text-orange {
  color: rgb(var(--orange-rgb)) !important;
}
.text-indigo {
  color: #4d5ddb !important;
}
.text-purple {
  color: rgb(var(--purple-rgb)) !important;
}
.text-dark {
  color: rgb(var(--dark-rgb)) !important;
}
.text-light {
  color: rgb(var(--light-rgb)) !important;
}
.text-gray {
  color: var(--gray-5) !important;
}
.text-black {
  color: var(--custom-black) !important;
}
.text-white {
  color: var(--custom-white) !important;
}
.text-fixed-white {
  color: var(--custom-white) !important;
}
.text-fixed-black {
  color: var(--default-text-color) !important;
}
.text-fixed-black2 {
  color: var(--custom-black) !important;
}
.text-gray-1 {
  color: var(--gray-1);
}
.text-gray-2 {
  color: var(--gray-2);
}
.text-gray-3 {
  color: var(--gray-3);
}
.text-gray-4 {
  color: var(--gray-4);
}
.text-gray-5 {
  color: var(--gray-5);
}
.text-gray-6 {
  color: var(--gray-6);
}
.text-gray-7 {
  color: var(--gray-7);
}
.text-gray-8 {
  color: var(--gray-8);
}
.text-gray-9 {
  color: var(--gray-9);
}