/* LabaPas design tokens. Single source of truth for the theme AND the kj-tools (see design-system.md §10). */
:root{
  /* Brand */
  --lp-primary:#0B6E4F;          /* Hijau Laba: links, primary buttons, focus, "Pas" */
  --lp-primary-strong:#08573F;   /* hover/active */
  --lp-primary-soft:#E7F3EE;     /* selected states, chips */
  --lp-secondary:#24476B;        /* Biru Tinta: info, secondary emphasis */
  --lp-secondary-soft:#EDF2F7;
  /* Neutrals */
  --lp-bg:#FFFFFF;
  --lp-surface:#F5F7F8;          /* sections, footer, table heads */
  --lp-surface-result:#F0F6F3;   /* result boxes (= tools --kj-soft family) */
  --lp-text:#17212B;
  --lp-text-muted:#55606B;
  --lp-text-subtle:#66717C;      /* smallest meta text, still 4.6:1+ */
  --lp-border:#D9DEE3;           /* decorative dividers, card borders */
  --lp-border-input:#7B8794;     /* form fields: 3.66:1 (WCAG 1.4.11) */
  /* Status (text on its own bg, all >= 5.8:1) */
  --lp-success:#0F6B3E; --lp-success-bg:#E9F5EE;
  --lp-warning:#7A4F00; --lp-warning-bg:#FFF6DC;
  --lp-error:#B42318;   --lp-error-bg:#FEF1F0;
  --lp-info:#24476B;    --lp-info-bg:#EDF2F7;
  /* Type: system stack, zero font bytes */
  --lp-font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  --lp-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --lp-fs-xs:.8125rem;  /* 13px meta */
  --lp-fs-sm:.875rem;   /* 14px notes, breadcrumbs */
  --lp-fs-base:1rem;    /* 16px body, fields */
  --lp-fs-md:1.125rem;  /* 18px lead, card titles */
  --lp-fs-h4:1.0625rem;
  --lp-fs-h3:1.25rem;
  --lp-fs-h2:clamp(1.375rem,1.2rem + .75vw,1.75rem);
  --lp-fs-h1:clamp(1.75rem,1.35rem + 1.7vw,2.5rem);
  --lp-lh:1.6; --lp-lh-tight:1.25;
  --lp-fw-normal:400; --lp-fw-semibold:600; --lp-fw-bold:700;
  /* Space (4px base) */
  --lp-s-1:4px; --lp-s-2:8px; --lp-s-3:12px; --lp-s-4:16px; --lp-s-5:24px; --lp-s-6:32px; --lp-s-7:48px; --lp-s-8:64px;
  /* Shape */
  --lp-r-sm:6px; --lp-r:8px; --lp-r-lg:12px; --lp-r-pill:999px;
  --lp-bw:1px;
  --lp-shadow:0 1px 2px rgba(23,33,43,.06);
  --lp-focus:2px solid var(--lp-primary);
  /* Layout */
  --lp-measure:760px; --lp-wide:1120px; --lp-tap:44px;
}