:root {
    --p-bg: #fff;
    --p-text: #1c231c;
    --p-text-strong: #000;
    --p-text-muted: #6a6a6c;
    --p-icon: #2b2b2b;
    --p-icon-strong: #000;
    --p-icon-muted: #999;
    --p-divider: #e2e4e5;
    --p-header-bg: #12212b;
    --p-header-border: #e2e4e5;
    --p-header-divider: #e2e4e5;
    --p-header-text: #e8eef1;
    --p-header-text-strong: var(--p-text-strong);
    --p-header-text-info: #1b7ca4;
    --p-header-text-muted: #939eae;
    --p-header-icon: var(--p-header-text);
    --p-header-hover-bg: #3f5660;
    --p-header-hover-text: var(--p-header-text);
    --p-focus: #6fa5ee;

    --p-neutral-bg: #ffffff;
    --p-neutral-border: #d3d8d6;
    --p-neutral-text: var(--p-text);
    --p-neutral-text-info: #2d88d3;
    --p-neutral-text-success: #248a39;
    --p-neutral-text-inflight: #c0791b;
    --p-neutral-text-alert: #c01010;
    --p-neutral-text-attention: #9aae10;
    --p-neutral-text-lhs: #40A655;
    --p-neutral-text-rhs: #c01010;
    --p-neutral-text-strong: var(--p-text-strong);
    --p-neutral-text-muted: var(--p-text-muted);
    --p-neutral-icon: var(--p-text);
    --p-neutral-icon-strong: var(--p-text);
    --p-neutral-icon-muted: #99a8af;
    --p-neutral-header-bg: #fbfbfa;
    --p-neutral-header-border: var(--p-neutral-border);
    --p-neutral-header-text: var(--p-text);
    --p-neutral-header-icon: var(--p-text);
    --p-neutral-hover-bg: #ffffff;
    --p-neutral-hover-border: var(--p-neutral-border);
    --p-neutral-hover-text: var(--p-text);
    --p-neutral-hover-icon: var(--p-text);
    --p-neutral-active-bg: #9fa8af;
    --p-neutral-active-border: var(--p-neutral-border);
    --p-neutral-active-text: var(--p-text);
    --p-neutral-active-icon: var(--p-text);
    --p-neutral-divider: var(--p-neutral-header-border);
    --p-neutral-focus: var(--p-focus);
    --p-neutral-bg-disabled: #eeeeee;
    --p-neutral-text-disabled: #898989;
    --p-neutral-border-disabled: #c2c2c2;

    --p-neutral-subtle-bg: #fbfbfa;
    --p-neutral-subtle-border: #aec6d1;
    --p-neutral-subtle-text: var(--p-text);
    --p-neutral-subtle-icon: var(--p-text);
    --p-neutral-subtle-header-bg: #d8e2eb;
    --p-neutral-subtle-header-border: var(--p-neutral-subtle-border);
    --p-neutral-subtle-header-text: var(--p-text);
    --p-neutral-subtle-header-icon: var(--p-text);
    --p-neutral-subtle-hover-bg: #eef5fb;
    --p-neutral-subtle-hover-border: var(--p-neutral-subtle-border);
    --p-neutral-subtle-hover-text: var(--p-text);
    --p-neutral-subtle-hover-icon: var(--p-text);
    --p-neutral-subtle-active-bg: #cad3dc;
    --p-neutral-subtle-active-border: var(--p-neutral-subtle-border);
    --p-neutral-subtle-active-text: var(--p-text);
    --p-neutral-subtle-active-icon: var(--p-text);
    --p-neutral-subtle-divider: var(--p-neutral-subtle-border);
    --p-neutral-subtle-focus: var(--p-focus);

    --p-neutral-vivid-bg: #f4f6f6;
    --p-neutral-vivid-border: #bac0c6;
    --p-neutral-vivid-text: var(--p-text);
    --p-neutral-vivid-icon: var(--p-text);
    --p-neutral-vivid-header-bg: #8696a6;
    --p-neutral-vivid-header-border: var(--p-neutral-vivid-border);
    --p-neutral-vivid-header-text: var(--p-neutral-vivid-text);
    --p-neutral-vivid-header-icon: var(--p-neutral-vivid-text);
    --p-neutral-vivid-hover-bg: #d3dce4;
    --p-neutral-vivid-hover-border: var(--p-neutral-vivid-border);
    --p-neutral-vivid-hover-text: var(--p-neutral-vivid-text);
    --p-neutral-vivid-hover-icon: var(--p-neutral-vivid-text);
    --p-neutral-vivid-active-bg: #e2e7ed;
    --p-neutral-vivid-active-border: var(--p-neutral-vivid-border);
    --p-neutral-vivid-active-text: var(--p-neutral-vivid-text);
    --p-neutral-vivid-active-icon: var(--p-neutral-vivid-text);
    --p-neutral-vivid-divider: var(--p-neutral-vivid-border);
    --p-neutral-vivid-focus: var(--p-focus);

    --p-info-bg: #b2c8d5;
    --p-info-border: #274b5f;
    --p-info-text: #1874ad;
    --p-info-text-strong: #000;
    --p-info-text-muted: #7a99ac;
    --p-info-icon: var(--p-info-text);
    --p-info-header-bg: #517992;
    --p-info-header-border: var(--p-info-border);
    --p-info-header-text: var(--p-info-text);
    --p-info-header-icon: var(--p-info-text);
    --p-info-hover-bg: #7fa8c1;
    --p-info-hover-border: var(--p-info-border);
    --p-info-hover-text: var(--p-info-text);
    --p-info-hover-icon: var(--p-info-text);
    --p-info-active-bg: #628397;
    --p-info-active-border: var(--p-info-border);
    --p-info-active-text: var(--p-info-text);
    --p-info-active-icon: var(--p-info-text);
    --p-info-divider: var(--p-info-border);
    --p-info-focus: var(--p-focus);

    --p-info-subtle-bg: #c0dced;
    --p-info-subtle-border: #7fb6df;
    --p-info-subtle-text: #12699f;
    --p-info-subtle-icon: var(--p-info-subtle-text);
    --p-info-subtle-header-bg: #aecce1;
    --p-info-subtle-header-border: var(--p-info-subtle-border);
    --p-info-subtle-header-text: var(--p-info-subtle-text);
    --p-info-subtle-header-icon: var(--p-info-subtle-text);
    --p-info-subtle-hover-bg: #cfe8f8;
    --p-info-subtle-hover-border: var(--p-info-subtle-border);
    --p-info-subtle-hover-text: var(--p-info-subtle-text);
    --p-info-subtle-hover-icon: var(--p-info-subtle-text);
    --p-info-subtle-active-bg: #a3bdcc;
    --p-info-subtle-active-border: var(--p-info-subtle-border);
    --p-info-subtle-active-text: var(--p-info-subtle-text);
    --p-info-subtle-active-icon: var(--p-info-subtle-text);
    --p-info-subtle-divider: var(--p-info-subtle-border);
    --p-info-subtle-focus: var(--p-focus);

    --p-info-vivid-bg: #5c8aa9;
    --p-info-vivid-border: #5c8aa9;
    --p-info-vivid-text: #ffffff;
    --p-info-vivid-icon: var(--p-info-vivid-text);
    --p-info-vivid-header-bg: #1e4967;
    --p-info-vivid-header-border: var(--p-info-vivid-border);
    --p-info-vivid-header-text: #fff;
    --p-info-vivid-header-icon: var(--p-info-vivid-text);
    --p-info-vivid-hover-bg: #6598ba;
    --p-info-vivid-hover-border: var(--p-info-vivid-border);
    --p-info-vivid-hover-text: var(--p-info-vivid-text);
    --p-info-vivid-hover-icon: var(--p-info-vivid-text);
    --p-info-vivid-active-bg: #4b728c;
    --p-info-vivid-active-border: var(--p-info-vivid-border);
    --p-info-vivid-active-text: var(--p-info-vivid-text);
    --p-info-vivid-active-icon: var(--p-info-vivid-text);
    --p-info-vivid-divider: #19374d;
    --p-info-vivid-focus: var(--p-focus);

    --p-success-bg: #87b099;
    --p-success-border: #326349;
    --p-success-text: #011c03;
    --p-success-icon: var(--p-success-text);
    --p-success-header-bg: #729a84;
    --p-success-header-border: var(--p-success-border);
    --p-success-header-text: var(--p-success-text);
    --p-success-header-icon: var(--p-success-text);
    --p-success-hover-bg: #75a188;
    --p-success-hover-border: var(--p-success-border);
    --p-success-hover-text: var(--p-success-text);
    --p-success-hover-icon: var(--p-success-text);
    --p-success-active-bg: #597a67;
    --p-success-active-border: var(--p-success-border);
    --p-success-active-text: var(--p-success-text);
    --p-success-active-icon: var(--p-success-text);
    --p-success-divider: var(--p-success-border);
    --p-success-focus: var(--p-focus);

    --p-success-subtle-bg: #dee6e2;
    --p-success-subtle-border: #bbcec3;
    --p-success-subtle-text: #0b460f;
    --p-success-subtle-icon: var(--p-success-subtle-text);
    --p-success-subtle-header-bg: #bdd8c9;
    --p-success-subtle-header-border: var(--p-success-subtle-border);
    --p-success-subtle-header-text: var(--p-success-subtle-text);
    --p-success-subtle-header-icon: var(--p-success-subtle-text);
    --p-success-subtle-hover-bg: #f0fbf5;
    --p-success-subtle-hover-border: var(--p-success-subtle-border);
    --p-success-subtle-hover-text: var(--p-success-subtle-text);
    --p-success-subtle-hover-icon: var(--p-success-subtle-text);
    --p-success-subtle-active-bg: #cadcd2;
    --p-success-subtle-active-border: var(--p-success-subtle-border);
    --p-success-subtle-active-text: var(--p-success-subtle-text);
    --p-success-subtle-active-icon: var(--p-success-subtle-text);
    --p-success-subtle-divider: var(--p-success-subtle-border);
    --p-success-subtle-focus: var(--p-focus);

    --p-success-vivid-bg: #82b297;
    --p-success-vivid-border: #82b297;
    --p-success-vivid-text: #0d170f;
    --p-success-vivid-icon: var(--p-success-vivid-text);
    --p-success-vivid-header-bg: #456c55;
    --p-success-vivid-header-border: var(--p-success-vivid-border);
    --p-success-vivid-header-text: #fff;
    --p-success-vivid-header-icon: var(--p-success-vivid-text);
    --p-success-vivid-hover-bg: #8ec2a5;
    --p-success-vivid-hover-border: var(--p-success-vivid-border);
    --p-success-vivid-hover-text: var(--p-success-vivid-text);
    --p-success-vivid-hover-icon: var(--p-success-vivid-text);
    --p-success-vivid-active-bg: #77a38a;
    --p-success-vivid-active-border: var(--p-success-vivid-border);
    --p-success-vivid-active-text: var(--p-success-vivid-text);
    --p-success-vivid-active-icon: var(--p-success-vivid-text);
    --p-success-vivid-divider: #1a402a;
    --p-success-vivid-focus: var(--p-focus);

    --p-inflight-bg: #d3c5a9;
    --p-inflight-border: #a18859;
    --p-inflight-text: #331f04;
    --p-inflight-icon: var(--p-inflight-text);
    --p-inflight-header-bg: #8d7f60;
    --p-inflight-header-border: var(--p-inflight-border);
    --p-inflight-header-text: var(--p-inflight-text);
    --p-inflight-header-icon: var(--p-inflight-text);
    --p-inflight-hover-bg: #b3a384;
    --p-inflight-hover-border: var(--p-inflight-border);
    --p-inflight-hover-text: var(--p-inflight-text);
    --p-inflight-hover-icon: var(--p-inflight-text);
    --p-inflight-active-bg: #857962;
    --p-inflight-active-border: var(--p-inflight-border);
    --p-inflight-active-text: var(--p-inflight-text);
    --p-inflight-active-icon: var(--p-inflight-text);
    --p-inflight-divider: var(--p-inflight-border);
    --p-inflight-focus: var(--p-focus);

    --p-inflight-subtle-bg: #f7f3eb;
    --p-inflight-subtle-border: #bcb2a1;
    --p-inflight-subtle-text: #331f04;
    --p-inflight-subtle-icon: var(--p-inflight-subtle-text);
    --p-inflight-subtle-header-bg: #ded9d0;
    --p-inflight-subtle-header-border: var(--p-inflight-subtle-border);
    --p-inflight-subtle-header-text: var(--p-inflight-subtle-text);
    --p-inflight-subtle-header-icon: var(--p-inflight-subtle-text);
    --p-inflight-subtle-hover-bg: #fffdfa;
    --p-inflight-subtle-hover-border: var(--p-inflight-subtle-border);
    --p-inflight-subtle-hover-text: var(--p-inflight-subtle-text);
    --p-inflight-subtle-hover-icon: var(--p-inflight-subtle-text);
    --p-inflight-subtle-active-bg: #e1ddd4;
    --p-inflight-subtle-active-border: var(--p-inflight-subtle-border);
    --p-inflight-subtle-active-text: var(--p-inflight-subtle-text);
    --p-inflight-subtle-active-icon: var(--p-inflight-subtle-text);
    --p-inflight-subtle-divider: var(--p-inflight-subtle-border);
    --p-inflight-subtle-focus: var(--p-focus);

    --p-inflight-vivid-bg: #756649;
    --p-inflight-vivid-border: #756649;
    --p-inflight-vivid-text: #e8e8e8;
    --p-inflight-vivid-icon: var(--p-inflight-vivid-text);
    --p-inflight-vivid-header-bg: #62573f;
    --p-inflight-vivid-header-border: var(--p-inflight-vivid-border);
    --p-inflight-vivid-header-text: var(--p-inflight-vivid-text);
    --p-inflight-vivid-header-icon: var(--p-inflight-vivid-text);
    --p-inflight-vivid-hover-bg: #8a7957;
    --p-inflight-vivid-hover-border: var(--p-inflight-vivid-border);
    --p-inflight-vivid-hover-text: var(--p-inflight-vivid-text);
    --p-inflight-vivid-hover-icon: var(--p-inflight-vivid-text);
    --p-inflight-vivid-active-bg: #60533c;
    --p-inflight-vivid-active-border: var(--p-inflight-vivid-border);
    --p-inflight-vivid-active-text: var(--p-inflight-vivid-text);
    --p-inflight-vivid-active-icon: var(--p-inflight-vivid-text);
    --p-inflight-vivid-divider: #403724;
    --p-inflight-vivid-focus: var(--p-focus);

    --p-alert-bg: #dab2b2;
    --p-alert-border: #a14f4f;
    --p-alert-text: #200202;
    --p-alert-icon: var(--p-alert-text);
    --p-alert-header-bg: #986666;
    --p-alert-header-border: var(--p-alert-border);
    --p-alert-header-text: var(--p-alert-text);
    --p-alert-header-icon: var(--p-alert-text);
    --p-alert-hover-bg: #ba8585;
    --p-alert-hover-border: var(--p-alert-border);
    --p-alert-hover-text: var(--p-alert-text);
    --p-alert-hover-icon: var(--p-alert-text);
    --p-alert-active-bg: #916868;
    --p-alert-active-border: var(--p-alert-border);
    --p-alert-active-text: var(--p-alert-text);
    --p-alert-active-icon: var(--p-alert-text);
    --p-alert-divider: var(--p-alert-border);
    --p-alert-focus: var(--p-focus);

    --p-alert-subtle-bg: #f4efef;
    --p-alert-subtle-border: #d1baba;
    --p-alert-subtle-text: #532a2a;
    --p-alert-subtle-icon: var(--p-alert-subtle-text);
    --p-alert-subtle-header-bg: #cebbbb;
    --p-alert-subtle-header-border: var(--p-alert-subtle-border);
    --p-alert-subtle-header-text: var(--p-alert-subtle-text);
    --p-alert-subtle-header-icon: var(--p-alert-subtle-text);
    --p-alert-subtle-hover-bg: #f6e8e8;
    --p-alert-subtle-hover-border: var(--p-alert-subtle-border);
    --p-alert-subtle-hover-text: var(--p-alert-subtle-text);
    --p-alert-subtle-hover-icon: var(--p-alert-subtle-text);
    --p-alert-subtle-active-bg: #cabbbb;
    --p-alert-subtle-active-border: var(--p-alert-subtle-border);
    --p-alert-subtle-active-text: var(--p-alert-subtle-text);
    --p-alert-subtle-active-icon: var(--p-alert-subtle-text);
    --p-alert-subtle-divider: var(--p-alert-subtle-border);
    --p-alert-subtle-focus: var(--p-focus);

    --p-alert-vivid-bg: #cb8a8a;
    --p-alert-vivid-border: #cb8a8a;
    --p-alert-vivid-text: #170d0d;
    --p-alert-vivid-text-muted: #8e4040;
    --p-alert-vivid-text-strong: #000;
    --p-alert-vivid-icon: var(--p-alert-vivid-text);
    --p-alert-vivid-header-bg: #772f2f;
    --p-alert-vivid-header-border: var(--p-alert-vivid-border);
    --p-alert-vivid-header-text: var(--p-alert-vivid-text);
    --p-alert-vivid-header-icon: var(--p-alert-vivid-text);
    --p-alert-vivid-hover-bg: #d79393;
    --p-alert-vivid-hover-border: var(--p-alert-vivid-border);
    --p-alert-vivid-hover-text: var(--p-alert-vivid-text);
    --p-alert-vivid-hover-icon: var(--p-alert-vivid-text);
    --p-alert-vivid-active-bg: #bd8181;
    --p-alert-vivid-active-border: var(--p-alert-vivid-border);
    --p-alert-vivid-active-text: var(--p-alert-vivid-text);
    --p-alert-vivid-active-icon: var(--p-alert-vivid-text);
    --p-alert-vivid-divider: var(--p-alert-vivid-border);
    --p-alert-vivid-focus: var(--p-focus);

    --p-attention-bg: #9c996c;
    --p-attention-border: #635e24;
    --p-attention-text: #181a01;
    --p-attention-icon: var(--p-attention-text);
    --p-attention-header-bg: #838059;
    --p-attention-header-border: var(--p-attention-border);
    --p-attention-header-text: var(--p-attention-text);
    --p-attention-header-icon: var(--p-attention-text);
    --p-attention-hover-bg: #afac7b;
    --p-attention-hover-border: var(--p-attention-border);
    --p-attention-hover-text: var(--p-attention-text);
    --p-attention-hover-icon: var(--p-attention-text);
    --p-attention-active-bg: #87845d;
    --p-attention-active-border: var(--p-attention-border);
    --p-attention-active-text: var(--p-attention-text);
    --p-attention-active-icon: var(--p-attention-text);
    --p-attention-divider: var(--p-attention-border);
    --p-attention-focus: var(--p-focus);

    --p-attention-subtle-bg: #f1f0e0;
    --p-attention-subtle-border: #494319;
    --p-attention-subtle-text: #948508;
    --p-attention-subtle-icon: var(--p-attention-subtle-text);
    --p-attention-subtle-header-bg: #d8d8be;
    --p-attention-subtle-header-border: var(--p-attention-subtle-border);
    --p-attention-subtle-header-text: var(--p-attention-subtle-text);
    --p-attention-subtle-header-icon: var(--p-attention-subtle-text);
    --p-attention-subtle-hover-bg: #faf9ee;
    --p-attention-subtle-hover-border: var(--p-attention-subtle-border);
    --p-attention-subtle-hover-text: var(--p-attention-subtle-text);
    --p-attention-subtle-hover-icon: var(--p-attention-subtle-text);
    --p-attention-subtle-active-bg: #dfdecb;
    --p-attention-subtle-active-border: var(--p-attention-subtle-border);
    --p-attention-subtle-active-text: var(--p-attention-subtle-text);
    --p-attention-subtle-active-icon: var(--p-attention-subtle-text);
    --p-attention-subtle-divider: var(--p-attention-subtle-border);
    --p-attention-subtle-focus: var(--p-focus);

    --p-attention-vivid-bg: #e9e032;
    --p-attention-vivid-border: #e9e032;
    --p-attention-vivid-text: #000;
    --p-attention-vivid-icon: var(--p-attention-vivid-text);
    --p-attention-vivid-header-bg: #d0c724;
    --p-attention-vivid-header-border: #d0c724;
    --p-attention-vivid-header-text: #000;
    --p-attention-vivid-header-icon: var(--p-attention-vivid-text);
    --p-attention-vivid-hover-bg: #d3ce65;
    --p-attention-vivid-hover-border: var(--p-attention-vivid-border);
    --p-attention-vivid-hover-text: var(--p-attention-vivid-text);
    --p-attention-vivid-hover-icon: var(--p-attention-vivid-text);
    --p-attention-vivid-active-bg: #aaa652;
    --p-attention-vivid-active-border: var(--p-attention-vivid-border);
    --p-attention-vivid-active-text: var(--p-attention-vivid-text);
    --p-attention-vivid-active-icon: var(--p-attention-vivid-text);
    --p-attention-vivid-divider: var(--p-attention-vivid-border);
    --p-attention-vivid-focus: var(--p-focus);

    --p-accent-bg: #a1c3d8;
    --p-accent-border: #a1c3d8;
    --p-accent-text: #0d0112;
    --p-accent-icon: var(--p-accent-text);
    --p-accent-header-bg: #5d516c;
    --p-accent-header-border: var(--p-accent-border);
    --p-accent-header-text: var(--p-accent-text);
    --p-accent-header-icon: var(--p-accent-text);
    --p-accent-hover-bg: #433555;
    --p-accent-hover-border: var(--p-accent-border);
    --p-accent-hover-text: var(--p-accent-text);
    --p-accent-hover-icon: var(--p-accent-text);
    --p-accent-active-bg: #241e30;
    --p-accent-active-border: var(--p-accent-border);
    --p-accent-active-text: var(--p-accent-text);
    --p-accent-active-icon: var(--p-accent-text);
    --p-accent-divider: var(--p-accent-border);
    --p-accent-focus: var(--p-focus);

    --p-accent-subtle-bg: #ded5ea;
    --p-accent-subtle-border: #9a87b1;
    --p-accent-subtle-text: #8e07d5;
    --p-accent-subtle-icon: var(--p-accent-subtle-text);
    --p-accent-subtle-header-bg: #c5b9d5;
    --p-accent-subtle-header-border: var(--p-accent-subtle-border);
    --p-accent-subtle-header-text: var(--p-accent-subtle-text);
    --p-accent-subtle-header-icon: var(--p-accent-subtle-text);
    --p-accent-subtle-hover-bg: #f1e9fb;
    --p-accent-subtle-hover-border: var(--p-accent-subtle-border);
    --p-accent-subtle-hover-text: var(--p-accent-subtle-text);
    --p-accent-subtle-hover-icon: var(--p-accent-subtle-text);
    --p-accent-subtle-active-bg: #cbc3d6;
    --p-accent-subtle-active-border: var(--p-accent-subtle-border);
    --p-accent-subtle-active-text: var(--p-accent-subtle-text);
    --p-accent-subtle-active-icon: var(--p-accent-subtle-text);
    --p-accent-subtle-divider: var(--p-accent-subtle-border);
    --p-accent-subtle-focus: var(--p-focus);

    --p-accent-vivid-bg: #6fb9ed;
    --p-accent-vivid-border: #6fb9ed;
    --p-accent-vivid-text: #0d2331;
    --p-accent-vivid-text-strong: #000;
    --p-accent-vivid-text-muted: #1c4c7d;
    --p-accent-vivid-icon: var(--p-accent-vivid-text);
    --p-accent-vivid-header-bg: #49375f;
    --p-accent-vivid-header-border: var(--p-accent-vivid-border);
    --p-accent-vivid-header-text: var(--p-accent-vivid-text);
    --p-accent-vivid-header-icon: var(--p-accent-vivid-text);
    --p-accent-vivid-hover-bg: #8265a5;
    --p-accent-vivid-hover-border: var(--p-accent-vivid-border);
    --p-accent-vivid-hover-text: var(--p-accent-vivid-text);
    --p-accent-vivid-hover-icon: var(--p-accent-vivid-text);
    --p-accent-vivid-active-bg: #5d4975;
    --p-accent-vivid-active-border: var(--p-accent-vivid-border);
    --p-accent-vivid-active-text: var(--p-accent-vivid-text);
    --p-accent-vivid-active-icon: var(--p-accent-vivid-text);
    --p-accent-vivid-divider: #1e102d;
    --p-accent-vivid-focus: var(--p-focus);

    --p-lhs-bg: var(--p-success-bg);
    --p-lhs-border: var(--p-success-border);
    --p-lhs-text: var(--p-success-text);
    --p-lhs-icon: var(--p-success-icon);
    --p-lhs-header-bg: var(--p-success-header-bg);
    --p-lhs-header-border: var(--p-success-header-border);
    --p-lhs-header-text: var(--p-success-header-text);
    --p-lhs-header-icon: var(--p-success-header-icon);
    --p-lhs-hover-bg: var(--p-success-hover-bg);
    --p-lhs-hover-border: var(--p-success-hover-border);
    --p-lhs-hover-text: var(--p-success-hover-text);
    --p-lhs-hover-icon: var(--p-success-hover-icon);
    --p-lhs-active-bg: var(--p-success-active-bg);
    --p-lhs-active-border: var(--p-success-active-border);
    --p-lhs-active-text: var(--p-success-active-text);
    --p-lhs-active-icon: var(--p-success-active-icon);
    --p-lhs-divider: var(--p-success-divider);
    --p-lhs-focus: var(--p-success-focus);

    --p-lhs-subtle-bg: var(--p-success-subtle-bg);
    --p-lhs-subtle-border: var(--p-success-subtle-border);
    --p-lhs-subtle-text: var(--p-success-subtle-text);
    --p-lhs-subtle-icon: var(--p-success-subtle-icon);
    --p-lhs-subtle-header-bg: var(--p-success-subtle-header-bg);
    --p-lhs-subtle-header-border: var(--p-success-subtle-header-border);
    --p-lhs-subtle-header-text: var(--p-success-subtle-header-text);
    --p-lhs-subtle-header-icon: var(--p-success-subtle-header-icon);
    --p-lhs-subtle-hover-bg: var(--p-success-subtle-hover-bg);
    --p-lhs-subtle-hover-border: var(--p-success-subtle-hover-border);
    --p-lhs-subtle-hover-text: var(--p-success-subtle-hover-text);
    --p-lhs-subtle-hover-icon: var(--p-success-subtle-hover-icon);
    --p-lhs-subtle-active-bg: var(--p-success-subtle-active-bg);
    --p-lhs-subtle-active-border: var(--p-success-subtle-active-border);
    --p-lhs-subtle-active-text: var(--p-success-subtle-active-text);
    --p-lhs-subtle-active-icon: var(--p-success-subtle-active-icon);
    --p-lhs-subtle-divider: var(--p-success-subtle-divider);
    --p-lhs-subtle-focus: var(--p-success-subtle-focus);

    --p-lhs-vivid-bg: var(--p-success-vivid-bg);
    --p-lhs-vivid-border: var(--p-success-vivid-border);
    --p-lhs-vivid-text: var(--p-success-vivid-text);
    --p-lhs-vivid-icon: var(--p-success-vivid-icon);
    --p-lhs-vivid-header-bg: var(--p-success-vivid-header-bg);
    --p-lhs-vivid-header-border: var(--p-success-vivid-header-border);
    --p-lhs-vivid-header-text: var(--p-success-vivid-header-text);
    --p-lhs-vivid-header-icon: var(--p-success-vivid-header-icon);
    --p-lhs-vivid-hover-bg: var(--p-success-vivid-hover-bg);
    --p-lhs-vivid-hover-border: var(--p-success-vivid-hover-border);
    --p-lhs-vivid-hover-text: var(--p-success-vivid-hover-text);
    --p-lhs-vivid-hover-icon: var(--p-success-vivid-hover-icon);
    --p-lhs-vivid-active-bg: var(--p-success-vivid-active-bg);
    --p-lhs-vivid-active-border: var(--p-success-vivid-active-border);
    --p-lhs-vivid-active-text: var(--p-success-vivid-active-text);
    --p-lhs-vivid-active-icon: var(--p-success-vivid-active-icon);
    --p-lhs-vivid-divider: var(--p-success-vivid-divider);
    --p-lhs-vivid-focus: var(--p-success-vivid-focus);

    --p-rhs-bg: var(--p-alert-bg);
    --p-rhs-border: var(--p-alert-border);
    --p-rhs-text: var(--p-alert-text);
    --p-rhs-icon: var(--p-alert-icon);
    --p-rhs-header-bg: var(--p-alert-header-bg);
    --p-rhs-header-border: var(--p-alert-header-border);
    --p-rhs-header-text: var(--p-alert-header-text);
    --p-rhs-header-icon: var(--p-alert-header-icon);
    --p-rhs-hover-bg: var(--p-alert-hover-bg);
    --p-rhs-hover-border: var(--p-alert-hover-border);
    --p-rhs-hover-text: var(--p-alert-hover-text);
    --p-rhs-hover-icon: var(--p-alert-hover-icon);
    --p-rhs-active-bg: var(--p-alert-active-bg);
    --p-rhs-active-border: var(--p-alert-active-border);
    --p-rhs-active-text: var(--p-alert-active-text);
    --p-rhs-active-icon: var(--p-alert-active-icon);
    --p-rhs-divider: var(--p-alert-divider);
    --p-rhs-focus: var(--p-alert-focus);

    --p-rhs-subtle-bg: var(--p-alert-subtle-bg);
    --p-rhs-subtle-border: var(--p-alert-subtle-border);
    --p-rhs-subtle-text: var(--p-alert-subtle-text);
    --p-rhs-subtle-icon: var(--p-alert-subtle-icon);
    --p-rhs-subtle-header-bg: var(--p-alert-subtle-header-bg);
    --p-rhs-subtle-header-border: var(--p-alert-subtle-header-border);
    --p-rhs-subtle-header-text: var(--p-alert-subtle-header-text);
    --p-rhs-subtle-header-icon: var(--p-alert-subtle-header-icon);
    --p-rhs-subtle-hover-bg: var(--p-alert-subtle-hover-bg);
    --p-rhs-subtle-hover-border: var(--p-alert-subtle-hover-border);
    --p-rhs-subtle-hover-text: var(--p-alert-subtle-hover-text);
    --p-rhs-subtle-hover-icon: var(--p-alert-subtle-hover-icon);
    --p-rhs-subtle-active-bg: var(--p-alert-subtle-active-bg);
    --p-rhs-subtle-active-border: var(--p-alert-subtle-active-border);
    --p-rhs-subtle-active-text: var(--p-alert-subtle-active-text);
    --p-rhs-subtle-active-icon: var(--p-alert-subtle-active-icon);
    --p-rhs-subtle-divider: var(--p-alert-subtle-divider);
    --p-rhs-subtle-focus: var(--p-alert-subtle-focus);

    --p-rhs-vivid-bg: var(--p-alert-vivid-bg);
    --p-rhs-vivid-border: var(--p-alert-vivid-border);
    --p-rhs-vivid-text: var(--p-alert-vivid-text);
    --p-rhs-vivid-icon: var(--p-alert-vivid-icon);
    --p-rhs-vivid-header-bg: var(--p-alert-vivid-header-bg);
    --p-rhs-vivid-header-border: var(--p-alert-vivid-header-border);
    --p-rhs-vivid-header-text: var(--p-alert-vivid-header-text);
    --p-rhs-vivid-header-icon: var(--p-alert-vivid-header-icon);
    --p-rhs-vivid-hover-bg: var(--p-alert-vivid-hover-bg);
    --p-rhs-vivid-hover-border: var(--p-alert-vivid-hover-border);
    --p-rhs-vivid-hover-text: var(--p-alert-vivid-hover-text);
    --p-rhs-vivid-hover-icon: var(--p-alert-vivid-hover-icon);
    --p-rhs-vivid-active-bg: var(--p-alert-vivid-active-bg);
    --p-rhs-vivid-active-border: var(--p-alert-vivid-active-border);
    --p-rhs-vivid-active-text: var(--p-alert-vivid-active-text);
    --p-rhs-vivid-active-icon: var(--p-alert-vivid-active-icon);
    --p-rhs-vivid-divider: var(--p-alert-vivid-divider);
    --p-rhs-vivid-focus: var(--p-alert-vivid-focus);
}

.login-container {
    background: linear-gradient(#e6eff9, #b3c4d5);
}