:root{
/* Brand — Kolok Blue */
--kolok-blue-950:#061a33;--kolok-blue-900:#0a2647;--kolok-blue-800:#0d3566;--kolok-blue-700:#0f4a8f;--kolok-blue-600:#0057b8;--kolok-blue-500:#2a74cc;--kolok-blue-300:#8fb4e3;--kolok-blue-100:#dce8f7;--kolok-blue-50:#eef4fb;
/* Process accents (CMYK) — print-heritage motif, used sparingly */
--process-cyan:#00a3e0;--process-magenta:#d6007e;--process-yellow:#ffc20e;--process-key:#111820;
/* Neutrals — cool steel */
--steel-0:#ffffff;--steel-25:#f7f9fb;--steel-50:#f1f4f7;--steel-100:#e4e9ee;--steel-200:#cfd7df;--steel-300:#b0bcc8;--steel-400:#8695a5;--steel-500:#637383;--steel-600:#4a5867;--steel-700:#36424f;--steel-800:#232d38;--steel-900:#141b23;
/* Semantic base */
--green-600:#16794a;--green-100:#dcf2e6;--amber-600:#a35f00;--amber-100:#fdf0d5;--red-600:#c4262e;--red-100:#fbe3e4;
/* Semantic aliases */
--text-strong:var(--steel-900);--text-body:var(--steel-800);--text-muted:var(--steel-500);--text-inverse:#ffffff;--text-link:var(--kolok-blue-600);--text-link-hover:var(--kolok-blue-800);
--surface-page:var(--steel-25);--surface-card:#ffffff;--surface-sunken:var(--steel-50);--surface-brand:var(--kolok-blue-900);--surface-brand-tint:var(--kolok-blue-50);
--border-subtle:var(--steel-100);--border-default:var(--steel-200);--border-strong:var(--steel-400);--border-focus:var(--kolok-blue-600);
--action-primary:var(--kolok-blue-600);--action-primary-hover:var(--kolok-blue-700);--action-primary-press:var(--kolok-blue-800);
--action-secondary:var(--steel-900);--action-secondary-hover:var(--steel-800);
--status-success:var(--green-600);--status-success-bg:var(--green-100);--status-warning:var(--amber-600);--status-warning-bg:var(--amber-100);--status-danger:var(--red-600);--status-danger-bg:var(--red-100);--status-info:var(--kolok-blue-600);--status-info-bg:var(--kolok-blue-50);
--price-promo:var(--process-magenta);
}