/* =============================================================================
   cd-tokens.css  ·  corporate design token layer
   -----------------------------------------------------------------------------
   GENERATED AUTOMATICALLY - do not edit by hand.
   Source: /design/generate-tokens.py  (change the base colours there, rebuild the file)

   Layer 1: raw colours (brand palettes of the group, tint/shade as in Bootstrap)
   Layer 2: role tokens (--cd-brand-*, --cd-accent-*, --cd-success-* ...),
            depending on [data-cd-brand] x [data-bs-theme]
   Layer 3: Bootstrap mapping -> see cd-theme.css

   All roles are checked against their respective background for WCAG 2.1:
   text >= 4.5:1, surfaces/borders >= 3:1.
   ============================================================================= */

/* --- Level 1: raw colours ---------------------------------------------------- */
:root {
  --cd-blue-50: #E6F4FB;
  --cd-blue-100: #CCE8F7;
  --cd-blue-200: #99D1EF;
  --cd-blue-300: #66BAE6;
  --cd-blue-400: #33A3DE;
  --cd-blue-500: #008CD6;
  --cd-blue-600: #0070AB;
  --cd-blue-700: #005480;
  --cd-blue-800: #003856;
  --cd-blue-900: #001C2B;
  --cd-blue-950: #000E15;
  --cd-orange-50: #FDECE6;
  --cd-orange-100: #FBDACE;
  --cd-orange-200: #F6B59D;
  --cd-orange-300: #F2906B;
  --cd-orange-400: #ED6B3A;
  --cd-orange-500: #E94609;
  --cd-orange-600: #BA3807;
  --cd-orange-700: #8C2A05;
  --cd-orange-800: #5D1C04;
  --cd-orange-900: #2F0E02;
  --cd-orange-950: #170701;
  --cd-green-50: #F0F8EA;
  --cd-green-100: #E2F1D5;
  --cd-green-200: #C5E3AA;
  --cd-green-300: #A8D580;
  --cd-green-400: #8BC755;
  --cd-green-500: #6EB92B;
  --cd-green-600: #589422;
  --cd-green-700: #426F1A;
  --cd-green-800: #2C4A11;
  --cd-green-900: #162509;
  --cd-green-950: #0B1204;
  --cd-red-50: #FFE7E7;
  --cd-red-100: #FFCFCE;
  --cd-red-200: #FF9E9E;
  --cd-red-300: #FF6E6D;
  --cd-red-400: #FF3D3D;
  --cd-red-500: #FF0D0C;
  --cd-red-600: #CC0A0A;
  --cd-red-700: #990807;
  --cd-red-800: #660505;
  --cd-red-900: #330302;
  --cd-red-950: #190101;
  --cd-crimson-50: #F9E6E9;
  --cd-crimson-100: #F3CCD2;
  --cd-crimson-200: #E799A5;
  --cd-crimson-300: #DA6679;
  --cd-crimson-400: #CE334C;
  --cd-crimson-500: #C2001F;
  --cd-crimson-600: #9B0019;
  --cd-crimson-700: #740013;
  --cd-crimson-800: #4E000C;
  --cd-crimson-900: #270006;
  --cd-crimson-950: #130003;
  --cd-slate-50: #E9EBEE;
  --cd-slate-100: #D2D8DC;
  --cd-slate-200: #A5B0BA;
  --cd-slate-300: #798997;
  --cd-slate-400: #4C6175;
  --cd-slate-500: #1F3A52;
  --cd-slate-600: #192E42;
  --cd-slate-700: #132331;
  --cd-slate-800: #0C1721;
  --cd-slate-900: #060C10;
  --cd-slate-950: #030608;
  --cd-neutral-0: #FFFFFF;
  --cd-neutral-25: #F7F8FA;
  --cd-neutral-50: #EFF1F4;
  --cd-neutral-100: #E3E6EB;
  --cd-neutral-200: #CBD1D9;
  --cd-neutral-300: #AAB3BF;
  --cd-neutral-400: #7C8794;
  --cd-neutral-500: #5B6672;
  --cd-neutral-600: #434C57;
  --cd-neutral-700: #2C333C;
  --cd-neutral-800: #1E242B;
  --cd-neutral-900: #151A21;
  --cd-neutral-950: #0E1218;
}

/* --- Level 2: role tokens per brand x colour mode --------------------------- */

/* ===== Corporate group (group) ===== */
/* Corporate group - light mode */
:root, [data-cd-brand="group"][data-bs-theme="light"] {
  --cd-brand: #1F3A52;
  --cd-brand-solid: #192E42;
  --cd-brand-solid-hover: #132331;
  --cd-brand-solid-active: #0C1721;
  --cd-brand-on-solid: #FFFFFF;
  --cd-brand-text: #192E42;
  --cd-brand-text-hover: #0C1721;
  --cd-brand-subtle-bg: #E9EBEE;
  --cd-brand-subtle-border: #A5B0BA;
  --cd-brand-subtle-text: #0C1721;
  --cd-brand-surface-tint: #D2D8DC;
  --cd-brand-rgb: 31, 58, 82;
  --cd-brand-solid-rgb: 25, 46, 66;
  --cd-accent: #008CD6;
  --cd-accent-solid: #0070AB;
  --cd-accent-solid-hover: #005480;
  --cd-accent-solid-active: #003856;
  --cd-accent-on-solid: #FFFFFF;
  --cd-accent-text: #0070AB;
  --cd-accent-text-hover: #003856;
  --cd-accent-subtle-bg: #E6F4FB;
  --cd-accent-subtle-border: #99D1EF;
  --cd-accent-subtle-text: #003856;
  --cd-accent-surface-tint: #CCE8F7;
  --cd-accent-rgb: 0, 140, 214;
  --cd-accent-solid-rgb: 0, 112, 171;
  --cd-accent-2: #589422;
  --cd-accent-2-solid: #426F1A;
  --cd-accent-2-solid-hover: #2C4A11;
  --cd-accent-2-solid-active: #162509;
  --cd-accent-2-on-solid: #FFFFFF;
  --cd-accent-2-text: #426F1A;
  --cd-accent-2-text-hover: #2C4A11;
  --cd-accent-2-subtle-bg: #F0F8EA;
  --cd-accent-2-subtle-border: #C5E3AA;
  --cd-accent-2-subtle-text: #2C4A11;
  --cd-accent-2-surface-tint: #E2F1D5;
  --cd-accent-2-rgb: 88, 148, 34;
  --cd-accent-2-solid-rgb: 66, 111, 26;
}
/* Corporate group - dark mode */
[data-cd-brand="group"][data-bs-theme="dark"] {
  --cd-brand: #798997;
  --cd-brand-solid: #798997;
  --cd-brand-solid-hover: #A5B0BA;
  --cd-brand-solid-active: #D2D8DC;
  --cd-brand-on-solid: #10141A;
  --cd-brand-text: #798997;
  --cd-brand-text-hover: #A5B0BA;
  --cd-brand-subtle-bg: #060C10;
  --cd-brand-subtle-border: #0C1721;
  --cd-brand-subtle-text: #798997;
  --cd-brand-surface-tint: #060C10;
  --cd-brand-rgb: 121, 137, 151;
  --cd-brand-solid-rgb: 121, 137, 151;
  --cd-accent: #33A3DE;
  --cd-accent-solid: #33A3DE;
  --cd-accent-solid-hover: #66BAE6;
  --cd-accent-solid-active: #99D1EF;
  --cd-accent-on-solid: #10141A;
  --cd-accent-text: #66BAE6;
  --cd-accent-text-hover: #99D1EF;
  --cd-accent-subtle-bg: #001C2B;
  --cd-accent-subtle-border: #003856;
  --cd-accent-subtle-text: #66BAE6;
  --cd-accent-surface-tint: #001C2B;
  --cd-accent-rgb: 51, 163, 222;
  --cd-accent-solid-rgb: 51, 163, 222;
  --cd-accent-2: #8BC755;
  --cd-accent-2-solid: #8BC755;
  --cd-accent-2-solid-hover: #A8D580;
  --cd-accent-2-solid-active: #C5E3AA;
  --cd-accent-2-on-solid: #10141A;
  --cd-accent-2-text: #A8D580;
  --cd-accent-2-text-hover: #C5E3AA;
  --cd-accent-2-subtle-bg: #162509;
  --cd-accent-2-subtle-border: #2C4A11;
  --cd-accent-2-subtle-text: #A8D580;
  --cd-accent-2-surface-tint: #162509;
  --cd-accent-2-rgb: 139, 199, 85;
  --cd-accent-2-solid-rgb: 139, 199, 85;
}

/* ===== Company 01 (c01) ===== */
/* Company 01 - light mode */
[data-cd-brand="c01"][data-bs-theme="light"] {
  --cd-brand: #008CD6;
  --cd-brand-solid: #0070AB;
  --cd-brand-solid-hover: #005480;
  --cd-brand-solid-active: #003856;
  --cd-brand-on-solid: #FFFFFF;
  --cd-brand-text: #0070AB;
  --cd-brand-text-hover: #003856;
  --cd-brand-subtle-bg: #E6F4FB;
  --cd-brand-subtle-border: #99D1EF;
  --cd-brand-subtle-text: #003856;
  --cd-brand-surface-tint: #CCE8F7;
  --cd-brand-rgb: 0, 140, 214;
  --cd-brand-solid-rgb: 0, 112, 171;
  --cd-accent: #E94609;
  --cd-accent-solid: #BA3807;
  --cd-accent-solid-hover: #8C2A05;
  --cd-accent-solid-active: #5D1C04;
  --cd-accent-on-solid: #FFFFFF;
  --cd-accent-text: #BA3807;
  --cd-accent-text-hover: #5D1C04;
  --cd-accent-subtle-bg: #FDECE6;
  --cd-accent-subtle-border: #F6B59D;
  --cd-accent-subtle-text: #5D1C04;
  --cd-accent-surface-tint: #FBDACE;
  --cd-accent-rgb: 233, 70, 9;
  --cd-accent-solid-rgb: 186, 56, 7;
  --cd-accent-2: #589422;
  --cd-accent-2-solid: #426F1A;
  --cd-accent-2-solid-hover: #2C4A11;
  --cd-accent-2-solid-active: #162509;
  --cd-accent-2-on-solid: #FFFFFF;
  --cd-accent-2-text: #426F1A;
  --cd-accent-2-text-hover: #2C4A11;
  --cd-accent-2-subtle-bg: #F0F8EA;
  --cd-accent-2-subtle-border: #C5E3AA;
  --cd-accent-2-subtle-text: #2C4A11;
  --cd-accent-2-surface-tint: #E2F1D5;
  --cd-accent-2-rgb: 88, 148, 34;
  --cd-accent-2-solid-rgb: 66, 111, 26;
}
/* Company 01 - dark mode */
[data-cd-brand="c01"][data-bs-theme="dark"] {
  --cd-brand: #33A3DE;
  --cd-brand-solid: #33A3DE;
  --cd-brand-solid-hover: #66BAE6;
  --cd-brand-solid-active: #99D1EF;
  --cd-brand-on-solid: #10141A;
  --cd-brand-text: #66BAE6;
  --cd-brand-text-hover: #99D1EF;
  --cd-brand-subtle-bg: #001C2B;
  --cd-brand-subtle-border: #003856;
  --cd-brand-subtle-text: #66BAE6;
  --cd-brand-surface-tint: #001C2B;
  --cd-brand-rgb: 51, 163, 222;
  --cd-brand-solid-rgb: 51, 163, 222;
  --cd-accent: #ED6B3A;
  --cd-accent-solid: #ED6B3A;
  --cd-accent-solid-hover: #F2906B;
  --cd-accent-solid-active: #F6B59D;
  --cd-accent-on-solid: #10141A;
  --cd-accent-text: #F2906B;
  --cd-accent-text-hover: #F6B59D;
  --cd-accent-subtle-bg: #2F0E02;
  --cd-accent-subtle-border: #5D1C04;
  --cd-accent-subtle-text: #F2906B;
  --cd-accent-surface-tint: #2F0E02;
  --cd-accent-rgb: 237, 107, 58;
  --cd-accent-solid-rgb: 237, 107, 58;
  --cd-accent-2: #8BC755;
  --cd-accent-2-solid: #8BC755;
  --cd-accent-2-solid-hover: #A8D580;
  --cd-accent-2-solid-active: #C5E3AA;
  --cd-accent-2-on-solid: #10141A;
  --cd-accent-2-text: #A8D580;
  --cd-accent-2-text-hover: #C5E3AA;
  --cd-accent-2-subtle-bg: #162509;
  --cd-accent-2-subtle-border: #2C4A11;
  --cd-accent-2-subtle-text: #A8D580;
  --cd-accent-2-surface-tint: #162509;
  --cd-accent-2-rgb: 139, 199, 85;
  --cd-accent-2-solid-rgb: 139, 199, 85;
}

/* ===== Company 02 (c02) ===== */
/* Company 02 - light mode */
[data-cd-brand="c02"][data-bs-theme="light"] {
  --cd-brand: #FF0D0C;
  --cd-brand-solid: #CC0A0A;
  --cd-brand-solid-hover: #990807;
  --cd-brand-solid-active: #660505;
  --cd-brand-on-solid: #FFFFFF;
  --cd-brand-text: #CC0A0A;
  --cd-brand-text-hover: #660505;
  --cd-brand-subtle-bg: #FFE7E7;
  --cd-brand-subtle-border: #FF9E9E;
  --cd-brand-subtle-text: #660505;
  --cd-brand-surface-tint: #FFCFCE;
  --cd-brand-rgb: 255, 13, 12;
  --cd-brand-solid-rgb: 204, 10, 10;
  --cd-accent: #1F3A52;
  --cd-accent-solid: #192E42;
  --cd-accent-solid-hover: #132331;
  --cd-accent-solid-active: #0C1721;
  --cd-accent-on-solid: #FFFFFF;
  --cd-accent-text: #192E42;
  --cd-accent-text-hover: #0C1721;
  --cd-accent-subtle-bg: #E9EBEE;
  --cd-accent-subtle-border: #A5B0BA;
  --cd-accent-subtle-text: #0C1721;
  --cd-accent-surface-tint: #D2D8DC;
  --cd-accent-rgb: 31, 58, 82;
  --cd-accent-solid-rgb: 25, 46, 66;
  --cd-accent-2: #589422;
  --cd-accent-2-solid: #426F1A;
  --cd-accent-2-solid-hover: #2C4A11;
  --cd-accent-2-solid-active: #162509;
  --cd-accent-2-on-solid: #FFFFFF;
  --cd-accent-2-text: #426F1A;
  --cd-accent-2-text-hover: #2C4A11;
  --cd-accent-2-subtle-bg: #F0F8EA;
  --cd-accent-2-subtle-border: #C5E3AA;
  --cd-accent-2-subtle-text: #2C4A11;
  --cd-accent-2-surface-tint: #E2F1D5;
  --cd-accent-2-rgb: 88, 148, 34;
  --cd-accent-2-solid-rgb: 66, 111, 26;
}
/* Company 02 - dark mode */
[data-cd-brand="c02"][data-bs-theme="dark"] {
  --cd-brand: #FF3D3D;
  --cd-brand-solid: #FF3D3D;
  --cd-brand-solid-hover: #FF6E6D;
  --cd-brand-solid-active: #FF9E9E;
  --cd-brand-on-solid: #10141A;
  --cd-brand-text: #FF6E6D;
  --cd-brand-text-hover: #FF9E9E;
  --cd-brand-subtle-bg: #330302;
  --cd-brand-subtle-border: #660505;
  --cd-brand-subtle-text: #FF6E6D;
  --cd-brand-surface-tint: #330302;
  --cd-brand-rgb: 255, 61, 61;
  --cd-brand-solid-rgb: 255, 61, 61;
  --cd-accent: #798997;
  --cd-accent-solid: #798997;
  --cd-accent-solid-hover: #A5B0BA;
  --cd-accent-solid-active: #D2D8DC;
  --cd-accent-on-solid: #10141A;
  --cd-accent-text: #798997;
  --cd-accent-text-hover: #A5B0BA;
  --cd-accent-subtle-bg: #060C10;
  --cd-accent-subtle-border: #0C1721;
  --cd-accent-subtle-text: #798997;
  --cd-accent-surface-tint: #060C10;
  --cd-accent-rgb: 121, 137, 151;
  --cd-accent-solid-rgb: 121, 137, 151;
  --cd-accent-2: #8BC755;
  --cd-accent-2-solid: #8BC755;
  --cd-accent-2-solid-hover: #A8D580;
  --cd-accent-2-solid-active: #C5E3AA;
  --cd-accent-2-on-solid: #10141A;
  --cd-accent-2-text: #A8D580;
  --cd-accent-2-text-hover: #C5E3AA;
  --cd-accent-2-subtle-bg: #162509;
  --cd-accent-2-subtle-border: #2C4A11;
  --cd-accent-2-subtle-text: #A8D580;
  --cd-accent-2-surface-tint: #162509;
  --cd-accent-2-rgb: 139, 199, 85;
  --cd-accent-2-solid-rgb: 139, 199, 85;
}

/* --- Semantic roles (status) --------------------------------------------- */
:root, [data-bs-theme="light"] {
  --cd-success: #589422;
  --cd-success-solid: #426F1A;
  --cd-success-solid-hover: #2C4A11;
  --cd-success-solid-active: #162509;
  --cd-success-on-solid: #FFFFFF;
  --cd-success-text: #426F1A;
  --cd-success-text-hover: #2C4A11;
  --cd-success-subtle-bg: #F0F8EA;
  --cd-success-subtle-border: #C5E3AA;
  --cd-success-subtle-text: #2C4A11;
  --cd-success-surface-tint: #E2F1D5;
  --cd-success-rgb: 88, 148, 34;
  --cd-success-solid-rgb: 66, 111, 26;
  --cd-warning: #E94609;
  --cd-warning-solid: #BA3807;
  --cd-warning-solid-hover: #8C2A05;
  --cd-warning-solid-active: #5D1C04;
  --cd-warning-on-solid: #FFFFFF;
  --cd-warning-text: #BA3807;
  --cd-warning-text-hover: #5D1C04;
  --cd-warning-subtle-bg: #FDECE6;
  --cd-warning-subtle-border: #F6B59D;
  --cd-warning-subtle-text: #5D1C04;
  --cd-warning-surface-tint: #FBDACE;
  --cd-warning-rgb: 233, 70, 9;
  --cd-warning-solid-rgb: 186, 56, 7;
  --cd-danger: #FF0D0C;
  --cd-danger-solid: #CC0A0A;
  --cd-danger-solid-hover: #990807;
  --cd-danger-solid-active: #660505;
  --cd-danger-on-solid: #FFFFFF;
  --cd-danger-text: #CC0A0A;
  --cd-danger-text-hover: #660505;
  --cd-danger-subtle-bg: #FFE7E7;
  --cd-danger-subtle-border: #FF9E9E;
  --cd-danger-subtle-text: #660505;
  --cd-danger-surface-tint: #FFCFCE;
  --cd-danger-rgb: 255, 13, 12;
  --cd-danger-solid-rgb: 204, 10, 10;
  --cd-info: #008CD6;
  --cd-info-solid: #0070AB;
  --cd-info-solid-hover: #005480;
  --cd-info-solid-active: #003856;
  --cd-info-on-solid: #FFFFFF;
  --cd-info-text: #0070AB;
  --cd-info-text-hover: #003856;
  --cd-info-subtle-bg: #E6F4FB;
  --cd-info-subtle-border: #99D1EF;
  --cd-info-subtle-text: #003856;
  --cd-info-surface-tint: #CCE8F7;
  --cd-info-rgb: 0, 140, 214;
  --cd-info-solid-rgb: 0, 112, 171;
}
[data-bs-theme="dark"] {
  --cd-success: #8BC755;
  --cd-success-solid: #8BC755;
  --cd-success-solid-hover: #A8D580;
  --cd-success-solid-active: #C5E3AA;
  --cd-success-on-solid: #10141A;
  --cd-success-text: #A8D580;
  --cd-success-text-hover: #C5E3AA;
  --cd-success-subtle-bg: #162509;
  --cd-success-subtle-border: #2C4A11;
  --cd-success-subtle-text: #A8D580;
  --cd-success-surface-tint: #162509;
  --cd-success-rgb: 139, 199, 85;
  --cd-success-solid-rgb: 139, 199, 85;
  --cd-warning: #ED6B3A;
  --cd-warning-solid: #ED6B3A;
  --cd-warning-solid-hover: #F2906B;
  --cd-warning-solid-active: #F6B59D;
  --cd-warning-on-solid: #10141A;
  --cd-warning-text: #F2906B;
  --cd-warning-text-hover: #F6B59D;
  --cd-warning-subtle-bg: #2F0E02;
  --cd-warning-subtle-border: #5D1C04;
  --cd-warning-subtle-text: #F2906B;
  --cd-warning-surface-tint: #2F0E02;
  --cd-warning-rgb: 237, 107, 58;
  --cd-warning-solid-rgb: 237, 107, 58;
  --cd-danger: #FF3D3D;
  --cd-danger-solid: #FF3D3D;
  --cd-danger-solid-hover: #FF6E6D;
  --cd-danger-solid-active: #FF9E9E;
  --cd-danger-on-solid: #10141A;
  --cd-danger-text: #FF6E6D;
  --cd-danger-text-hover: #FF9E9E;
  --cd-danger-subtle-bg: #330302;
  --cd-danger-subtle-border: #660505;
  --cd-danger-subtle-text: #FF6E6D;
  --cd-danger-surface-tint: #330302;
  --cd-danger-rgb: 255, 61, 61;
  --cd-danger-solid-rgb: 255, 61, 61;
  --cd-info: #33A3DE;
  --cd-info-solid: #33A3DE;
  --cd-info-solid-hover: #66BAE6;
  --cd-info-solid-active: #99D1EF;
  --cd-info-on-solid: #10141A;
  --cd-info-text: #66BAE6;
  --cd-info-text-hover: #99D1EF;
  --cd-info-subtle-bg: #001C2B;
  --cd-info-subtle-border: #003856;
  --cd-info-subtle-text: #66BAE6;
  --cd-info-surface-tint: #001C2B;
  --cd-info-rgb: 51, 163, 222;
  --cd-info-solid-rgb: 51, 163, 222;
}

/* Company 02 uses red as its brand colour. To keep error messages
   distinguishable, "danger" switches to a darker carmine red there. */
[data-cd-brand="c02"][data-bs-theme="light"] {
  --cd-danger: #C2001F;
  --cd-danger-solid: #9B0019;
  --cd-danger-solid-hover: #740013;
  --cd-danger-solid-active: #4E000C;
  --cd-danger-on-solid: #FFFFFF;
  --cd-danger-text: #9B0019;
  --cd-danger-text-hover: #4E000C;
  --cd-danger-subtle-bg: #F9E6E9;
  --cd-danger-subtle-border: #E799A5;
  --cd-danger-subtle-text: #4E000C;
  --cd-danger-surface-tint: #F3CCD2;
  --cd-danger-rgb: 194, 0, 31;
  --cd-danger-solid-rgb: 155, 0, 25;
}
[data-cd-brand="c02"][data-bs-theme="dark"] {
  --cd-danger: #CE334C;
  --cd-danger-solid: #DA6679;
  --cd-danger-solid-hover: #E799A5;
  --cd-danger-solid-active: #F3CCD2;
  --cd-danger-on-solid: #10141A;
  --cd-danger-text: #DA6679;
  --cd-danger-text-hover: #E799A5;
  --cd-danger-subtle-bg: #270006;
  --cd-danger-subtle-border: #4E000C;
  --cd-danger-subtle-text: #DA6679;
  --cd-danger-surface-tint: #270006;
  --cd-danger-rgb: 206, 51, 76;
  --cd-danger-solid-rgb: 218, 102, 121;
}

/* --- Surfaces, text, borders (brand-neutral) ----------------------------- */
:root, [data-bs-theme="light"] {
  --cd-body-bg: var(--cd-neutral-25);
  --cd-body-color: var(--cd-neutral-700);
  --cd-heading-color: var(--cd-neutral-900);
  --cd-muted-color: var(--cd-neutral-500);
  --cd-surface: var(--cd-neutral-0);
  --cd-surface-2: var(--cd-neutral-50);
  --cd-surface-3: var(--cd-neutral-100);
  --cd-border: var(--cd-neutral-200);
  --cd-border-strong: var(--cd-neutral-300);
  --cd-shadow-sm: 0 1px 2px rgba(16, 20, 26, .06), 0 1px 3px rgba(16, 20, 26, .08);
  --cd-shadow-md: 0 2px 6px rgba(16, 20, 26, .06), 0 8px 24px rgba(16, 20, 26, .08);
  --cd-shadow-lg: 0 8px 16px rgba(16, 20, 26, .08), 0 24px 48px rgba(16, 20, 26, .12);
  --cd-overlay: rgba(21, 26, 33, .45);
  color-scheme: light;
}

[data-bs-theme="dark"] {
  --cd-body-bg: var(--cd-neutral-900);
  --cd-body-color: var(--cd-neutral-200);
  --cd-heading-color: var(--cd-neutral-0);
  --cd-muted-color: var(--cd-neutral-300);
  --cd-surface: var(--cd-neutral-800);
  --cd-surface-2: var(--cd-neutral-700);
  --cd-surface-3: var(--cd-neutral-600);
  --cd-border: #333B45;
  --cd-border-strong: #46505C;
  --cd-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --cd-shadow-md: 0 2px 6px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .32);
  --cd-shadow-lg: 0 8px 16px rgba(0, 0, 0, .45), 0 24px 48px rgba(0, 0, 0, .4);
  --cd-overlay: rgba(0, 0, 0, .6);
  color-scheme: dark;
}

/* --- Shape (brand-independent) -------------------------------------------- */
:root {
  --cd-radius-sm: .375rem;
  --cd-radius: .625rem;
  --cd-radius-lg: 1rem;
  --cd-radius-pill: 50rem;
  --cd-focus-width: 3px;
  --cd-transition: 160ms cubic-bezier(.4, 0, .2, 1);
  --cd-font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --cd-font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

/* Users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  :root { --cd-transition: 0ms; }
}