:root {
    /* Fonts */
    --ks-font-main: "Rubik", sans-serif;
    --ks-font-heading: "Archivo", sans-serif;

    /* Brand */
    --ks-navy: #1e293b;
    --ks-blue: #3b82f6;
    --ks-green: #22c55e;
    --ks-yellow: #eab308;
    --ks-error: #ef4444;

    /* UI */
    --ks-white: #ffffff;
    --ks-bg-light: #f8fafc;
    --ks-border: #e2e8f0;
    --ks-slate: #64748b;

    /* Effects */
    --ks-gradient: linear-gradient(135deg, #22c55e, #3b82f6);
    --ks-shadow: 0 15px 35px rgba(59,130,246,.08);
    --ks-transition: all .3s cubic-bezier(.165,.84,.44,1);
}