:root {

    --wcom-primary: #095174;
    --wcom-primary-rgb: 9, 81, 116;
    --wcom-secondary: #009595;
    --wcom-secondary-rgb: 0, 149, 149;

    --wcom-success: #2fa46e;
    --wcom-success-rgb: 47, 164, 110;

    --wcom-lifetime-mark: #c08a1e;
    --wcom-lifetime-ink: #7a5407;

    --wcom-font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --wcom-font-display: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", "Inter", system-ui, sans-serif;
    --wcom-font-size-base: 1rem;
    --wcom-body-color: #46586b;
    --wcom-heading-color: #11334d;
    --wcom-muted-color: #64748b;

    --wcom-body-bg: #f7f9fb;
    --wcom-surface-bg: #ffffff;
    --wcom-border-color: #e6edf3;

    --wcom-chrome-bg: color-mix(in srgb, var(--wcom-primary) 24%, #040a12);
    --wcom-chrome-bg-deep: color-mix(in srgb, var(--wcom-primary) 16%, #02060c);
    --wcom-chrome-color: #eaf1f7;
    --wcom-chrome-muted: #92a5bb;
    --wcom-chrome-border: rgba(234, 241, 247, 0.08);

    --wcom-radius: 0.625rem;
}

[data-bs-theme="dark"] {
    --wcom-body-color: #c8cdd6;
    --wcom-heading-color: #e8eaee;
    --wcom-muted-color: #8b93a1;

    --wcom-body-bg: #0e141c;
    --wcom-surface-bg: #151d27;
    --wcom-border-color: #263140;
    --wcom-lifetime-mark: #d8a63f;
    --wcom-lifetime-ink: #e3b96a;
}