/* Design tokens — spec 004a. The single source of every color, font, radius,
   and spacing value. Component CSS (app.css) references these via var(--…)
   and never repeats a raw value (AC-004a-2). Light theme only. */

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/PlusJakartaSans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/PlusJakartaSans-500.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/PlusJakartaSans-600.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/PlusJakartaSans-700.woff2") format("woff2");
}

:root {
  /* brand & neutrals */
  --pp-brand:#006AC7; --pp-brand-strong:#025EBA; --pp-brand-tint:#E3F0FB;
  --pp-accent:#F3761B; --pp-accent-text:#B4500A;
  --pp-ink:#62626D; --pp-ink-strong:#3A3A44; --pp-ink-muted:#6C6C76;
  --pp-bg:#FFFFFF; --pp-surface:#FBFBFB; --pp-line:#E8E8E8; --pp-line-strong:#D6D6DB;
  /* status (text-on-fill pairs) */
  --st-waiting-fg:#8A5A00;  --st-waiting-bg:#FFF3D6;
  --st-progress-fg:#005A9E; --st-progress-bg:#E3F0FB;
  --st-done-fg:#1E6B3A;     --st-done-bg:#E2F4E8;
  --st-blocked-fg:#A32D2D;  --st-blocked-bg:#FBE5E5;
  --st-backlog-fg:#5C5C66;  --st-backlog-bg:#EEEEF0;
  /* type */
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --fs-h1:30px; --fs-h2:22px; --fs-h3:17px; --fs-label:12.5px; --fs-body:15px; --fs-small:13px;
  --lh-body:1.55;
  /* shape & space */
  --r-sm:6px; --r-md:12px; --r-pill:999px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --content-max:960px; --gutter:16px;
  --focus:2px solid var(--pp-brand);
}

/* The one font-family application — component CSS may not declare
   font-family (AC-004a-2), so the base font is applied where the token lives. */
body { font-family: var(--font); }