:root{

--kp-blue-900:#1e1e2f;
--kp-blue-800:#252478;
--kp-blue-700:#2d2c8a;
--kp-blue-600:#3d3cb4;
--kp-blue-400:#5a58d8;
--kp-blue-100:#dcdcf6;
--kp-blue-050:#ededf8;

--kp-panel:linear-gradient(165deg,#252478 0%,#1e1e2f 100%);
--kp-white:#ffffff;
--kp-band:#f7f7fb;
--kp-line:#e2e2ee;
--kp-line-subtle:#f0f0f5;

--kp-ink:#1e1e2f;
--kp-ink-2:#4a4a5a;
--kp-ink-3:#6b6b7c;
--kp-on-dark:#ffffff;
--kp-on-dark-2:rgba(255,255,255,.66);
--kp-on-dark-em:#dcdcf6;
--kp-on-dark-line:rgba(255,255,255,.14);

--kp-red:#fa1e29;
--kp-red-fill:#de121c;
--kp-red-fill-press:#b00e17;

--kp-green:#02865b;
--kp-amber:#8a6410;
--kp-amber-fill:#e0a020;

--kp-shadow:0 2px 12px rgba(61,60,180,.08);
--kp-shadow-lg:0 8px 32px rgba(61,60,180,.12);
--kp-shadow-btn:0 2px 8px rgba(61,60,180,.20);
--kp-shadow-btn-lift:0 6px 16px rgba(61,60,180,.28);
--kp-shadow-on-dark:0 2px 8px rgba(0,0,0,.28);
--kp-shadow-on-dark-lift:0 5px 14px rgba(0,0,0,.40);
--kp-shadow-sm:0 2px 4px rgba(0,0,0,.10);

--kp-font:'Century Gothic','Segoe UI',Tahoma,sans-serif;

--kp-radius:8px;
--kp-radius-lg:12px;
--kp-radius-btn:6px;
--kp-max-width:1200px;
--kp-section-pad:80px 100px;
--kp-section-pad-mobile:48px 16px;

--kp-blue:var(--kp-blue-600);
--kp-blue-dark:var(--kp-blue-700);
--kp-blue-light:var(--kp-blue-050);
--kp-accent:var(--kp-blue-400);
--kp-text:var(--kp-ink);
--kp-text-secondary:var(--kp-ink-2);
--kp-muted:var(--kp-ink-3);
--kp-bg-white:var(--kp-white);
--kp-bg-light:var(--kp-band);
--kp-bg-dark:var(--kp-blue-900);
--kp-border:var(--kp-line);
--kp-border-subtle:var(--kp-line-subtle);
--kp-red-ink:var(--kp-red-fill);
--kp-red-ink-dark:var(--kp-red-fill-press);
}