html:root,
[data-hsx*="light"] {

    --hcl-on-brand: #ffffff;
    --hcl-brand-1: #fbfefd;
    --hcl-brand-2: #f4fbf8;
    --hcl-brand-3: #e6f6ee;
    --hcl-brand-4: #d6f1e4;
    --hcl-brand-5: #c4e8d7;
    --hcl-brand-6: #adddc6;
    --hcl-brand-7: #8eceb0;
    --hcl-brand-8: #5bb98d;
    --hcl-brand-9: #2b9a66;
    --hcl-brand-10: #0f8957;
    --hcl-brand-11: #218355;
    --hcl-brand-12: #193b2b;
    --hcl-on-neutral: #fff;
    --hcl-neutral-1: #fcfdfc;
    --hcl-neutral-2: #f8faf8;
    --hcl-neutral-3: #eff1ef;
    --hcl-neutral-4: #e7e9e7;
    --hcl-neutral-5: #dfe2df;
    --hcl-neutral-6: #d7dad7;
    --hcl-neutral-7: #cccfcc;
    --hcl-neutral-8: #b9bcb8;
    --hcl-neutral-9: #898e87;
    --hcl-neutral-10: #7f847d;
    --hcl-neutral-11: #60655f;
    --hcl-neutral-12: #1d211c;
    --hcl-on-wc-colour: #000000;
    --hcl-wc-colour-1: #fefdfb;
    --hcl-wc-colour-2: #fef8e9;
    --hcl-wc-colour-3: #ffecc2;
    --hcl-wc-colour-4: #ffe19c;
    --hcl-wc-colour-5: #fbd377;
    --hcl-wc-colour-6: #f3cc73;
    --hcl-wc-colour-7: #e9bf62;
    --hcl-wc-colour-8: #e2ad36;
    --hcl-wc-colour-9: #cf9000;
    --hcl-wc-colour-10: #bc8000;
    --hcl-wc-colour-11: #ab7700;
    --hcl-wc-colour-12: #4f4122;
}

:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
[data-hsx*="invert"] {

    --hcl-brand-1: #0e1512;
    --hcl-brand-2: #121b17;
    --hcl-brand-3: #132d21;
    --hcl-brand-4: #113b27;
    --hcl-brand-5: #174932;
    --hcl-brand-6: #20573d;
    --hcl-brand-7: #28684a;
    --hcl-brand-8: #2f7c58;
    --hcl-brand-9: #2b9a66;
    --hcl-brand-10: #40ab76;
    --hcl-brand-11: #3dd68f;
    --hcl-brand-12: #b1f1d3;
    --hcl-neutral-1: #111210;
    --hcl-neutral-2: #181917;
    --hcl-neutral-3: #212220;
    --hcl-neutral-4: #282a27;
    --hcl-neutral-5: #2f312e;
    --hcl-neutral-6: #383a36;
    --hcl-neutral-7: #454843;
    --hcl-neutral-8: #5c625b;
    --hcl-neutral-9: #687066;
    --hcl-neutral-10: #767d74;
    --hcl-neutral-11: #afb5ad;
    --hcl-neutral-12: #eceeec;
    --hcl-wc-colour-1: #16130c;
    --hcl-wc-colour-2: #1d190f;
    --hcl-wc-colour-3: #302408;
    --hcl-wc-colour-4: #3f2c00;
    --hcl-wc-colour-5: #4d3600;
    --hcl-wc-colour-6: #5c4105;
    --hcl-wc-colour-7: #715619;
    --hcl-wc-colour-8: #8f6e24;
    --hcl-wc-colour-9: #cf9000;
    --hcl-wc-colour-10: #e2a11f;
    --hcl-wc-colour-11: #ffb816;
    --hcl-wc-colour-12: #ffe8b3;
}

:root {
    --hfs-text-s: clamp(0.875rem, 0.896rem + -0.025vw, 0.889rem);
    --hfs-text-m: clamp(1.000rem, 1.000rem + 0.000vw, 1.000rem);
    --hfs-text-l: clamp(1.125rem, 1.084rem + 0.135vw, 1.200rem);
    --hfs-h6: clamp(1.000rem, 1.000rem + 0.000vw, 1.000rem);
    --hfs-h5: clamp(1.125rem, 1.084rem + 0.135vw, 1.200rem);
    --hfs-h4: clamp(1.266rem, 1.171rem + 0.315vw, 1.440rem);
    --hfs-h3: clamp(1.424rem, 1.260rem + 0.549vw, 1.728rem);
    --hfs-h2: clamp(1.602rem, 1.347rem + 0.851vw, 2.074rem);
    --hfs-h1: clamp(1.802rem, 1.431rem + 1.238vw, 2.488rem);
    --hfs-h0: clamp(2.027rem, 1.510rem + 1.729vw, 2.986rem);
    --hsp-xxs: clamp(0.77rem, 0.63rem + 0.46vw, 1.02rem);
    --hsp-xs: clamp(0.96rem, 0.79rem + 0.58vw, 1.28rem);
    --hsp-s: clamp(1.20rem, 0.98rem + 0.72vw, 1.60rem);
    --hsp-m: clamp(1.50rem, 1.23rem + 0.90vw, 2.00rem);
    --hsp-l: clamp(1.88rem, 1.54rem + 1.13vw, 2.50rem);
    --hsp-xl: clamp(2.34rem, 1.92rem + 1.41vw, 3.13rem);
    --hsp-xxl: clamp(2.93rem, 2.40rem + 1.76vw, 3.91rem);
    --hss-xxs: clamp(1.92rem, 1.57rem + 1.15vw, 2.56rem);
    --hss-xs: clamp(2.40rem, 1.97rem + 1.44vw, 3.20rem);
    --hss-s: clamp(3.00rem, 2.46rem + 1.80vw, 4.00rem);
    --hss-m: clamp(3.75rem, 3.07rem + 2.25vw, 5.00rem);
    --hss-l: clamp(4.69rem, 3.84rem + 2.82vw, 6.25rem);
    --hss-xl: clamp(5.86rem, 4.80rem + 3.52vw, 7.81rem);
    --hss-xxl: clamp(7.32rem, 6.01rem + 4.40vw, 9.77rem);
    --hrd-s: 6px;
    --hrd-m: 8px;
    --hrd-l: 12px;
    --hrd-pill: 500px;
    --hrd-atom: 6px;
    /*Theme Headspin*/

    --hsx-page-width: 1366px;
    --hsx-min-offset: 20px;
    --hsx-page-gap: 20px;
    /*Breakdance connector*/
    --bde-section-width: 1406px !important;
    --bde-section-horizontal-padding: 20px !important;
    --bde-column-gap: 20px !important;
    --hsx-bleed-offset: max(calc(((100vw - (var(--bde-section-width))) / 2) + var(--bde-section-horizontal-padding)), calc(var(--bde-section-horizontal-padding) + 5px));
    --bde-h1-font-size: var(--hfs-h1) --bde-h2-font-size: var(--hfs-h2);
    --bde-h3-font-size: var(--hfs-h3);
    --bde-h4-font-size: var(--hfs-h4);
    --bde-h5-font-size: var(--hfs-h5);
    --bde-h6-font-size: var(--hfs-h6);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
    line-height: calc(4px + 2ex)
}

:root:root {
    --bde-h1-font-size: var(--hfs-h1);
    --bde-h2-font-size: var(--hfs-h2);
    --bde-h3-font-size: var(--hfs-h3);
    --bde-h4-font-size: var(--hfs-h4);
    --bde-h5-font-size: var(--hfs-h5);
    --bde-h6-font-size: var(--hfs-h6);
    --bde-body-font-size: var(--hfs-text-m);
}

html:root,
[data-hsx*="light"] {

    --bde-headings-color: var(--hcl-neutral-12);
    --bde-body-text-color: var(--hcl-neutral-11);
    --bde-background-color: var(--hcl-neutral-1);
    --bde-brand-primary-color: var(--hcl-brand-9);
    --bde-brand-primary-color-hover: var(--hcl-brand-10);
}

:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
[data-hsx*="invert"] {

    --bde-headings-color: var(--hcl-neutral-12);
    --bde-body-text-color: var(--hcl-neutral-11);
    --bde-background-color: var(--hcl-neutral-1);
    --bde-brand-primary-color: var(--hcl-brand-9);
    --bde-brand-primary-color-hover: var(--hcl-brand-10);
}

@supports (font-size: 1cqi) {
    :root:root {
        --hfs-text-s: clamp(0.875rem, 0.896rem + -0.025cqi, 0.889rem);
        --hfs-text-m: clamp(1.000rem, 1.000rem + 0.000cqi, 1.000rem);
        --hfs-text-l: clamp(1.125rem, 1.084rem + 0.135cqi, 1.200rem);
        --hfs-h6: clamp(1.000rem, 1.000rem + 0.000cqi, 1.000rem);
        --hfs-h5: clamp(1.125rem, 1.084rem + 0.135cqi, 1.200rem);
        --hfs-h4: clamp(1.266rem, 1.171rem + 0.315cqi, 1.440rem);
        --hfs-h3: clamp(1.424rem, 1.260rem + 0.549cqi, 1.728rem);
        --hfs-h2: clamp(1.602rem, 1.347rem + 0.851cqi, 2.074rem);
        --hfs-h1: clamp(1.802rem, 1.431rem + 1.238cqi, 2.488rem);
        --hfs-h0: clamp(2.027rem, 1.510rem + 1.729cqi, 2.986rem);
        --hsp-xxs: clamp(0.77rem, 0.63rem + 0.46cqi, 1.02rem);
        --hsp-xs: clamp(0.96rem, 0.79rem + 0.58cqi, 1.28rem);
        --hsp-s: clamp(1.2rem, 0.98rem + 0.72cqi, 1.6rem);
        --hsp-m: clamp(1.5rem, 1.23rem + 0.90cqi, 2rem);
        --hsp-l: clamp(1.88rem, 1.54rem + 1.13cqi, 2.5rem);
        --hsp-xl: clamp(2.34rem, 1.92rem + 1.41cqi, 3.13rem);
        --hsp-xxl: clamp(2.93rem, 2.40rem + 1.76cqi, 3.91rem);
        --hss-xxs: clamp(1.92rem, 1.57rem + 1.15cqi, 2.56rem);
        --hss-xs: clamp(2.4rem, 1.97rem + 1.44cqi, 3.2rem);
        --hss-s: clamp(3rem, 2.46rem + 1.80cqi, 4rem);
        --hss-m: clamp(3.75rem, 3.07rem + 2.25cqi, 5rem);
        --hss-l: clamp(4.69rem, 3.84rem + 2.82cqi, 6.25rem);
        --hss-xl: clamp(5.86rem, 4.80rem + 3.52cqi, 7.81rem);
        --hss-xxl: clamp(7.32rem, 6.01rem + 4.40cqi, 9.77rem);
    }
}