:root{
  /* BRAND RAMP · RED (primary) */
  --red-50:#FFF1F2; --red-100:#FFE0E2; --red-200:#FFC4C8; --red-300:#FF9AA1;
  --red-400:#FB5862; --red-500:#F5333F; /* ★ bright red — primary */
  --red-600:#D81E2C; --red-700:#B3141F; --red-800:#8E141D; --red-900:#74161D;

  /* SECONDARY · charcoal/ink accent for solid CTAs that aren't the main red */
  --ink-500:#2A2F36; --ink-600:#20242A; --ink-700:#171A1F;

  /* NEUTRALS · warm-cool slate */
  --neutral-0:#FFFFFF; --neutral-25:#FAFAFB; --neutral-50:#F4F5F7; --neutral-100:#EAECEF;
  --neutral-200:#D9DDE2; --neutral-300:#BCC2CA; --neutral-400:#8E96A1; --neutral-500:#646C77;
  --neutral-600:#49515B; --neutral-700:#333A43; --neutral-800:#20262D; --neutral-900:#11151A;

  /* SEMANTIC STATUS — kept distinct from brand red */
  --success-50:#E7F7EF; --success-500:#15A66A; --success-700:#0E7A4D;
  --warning-50:#FEF3E0; --warning-500:#F59E0B; --warning-700:#B26C09; /* amber */
  --danger-50:#FBE9EC;  --danger-500:#C81E3A;  --danger-700:#991629;  /* deep crimson */

  /* SURFACES */
  --bg:#F6F7F9; --surface:#FFFFFF; --surface-2:#F4F5F7; --surface-3:#EAECEF; --surface-ink:#11151A;
  /* TEXT */
  --fg1:#11151A; --fg2:#49515B; --fg3:#8E96A1; --fg-on-red:#FFFFFF; --fg-inverse:#FFFFFF;
  /* LINES */
  --border:#D9DDE2; --border-subtle:#EAECEF; --border-strong:#BCC2CA; --ring:rgba(245,51,63,.40);
  /* BRAND ROLES */
  --primary:var(--red-500); --primary-hover:var(--red-400); --primary-press:var(--red-600);
  --primary-ink:var(--fg-on-red); --primary-tint:var(--red-50);
  --accent:var(--ink-500); --accent-ink:#FFFFFF;

  /* RADII */
  --radius-xs:6px; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --radius-2xl:28px; --radius-pill:999px;
  /* SPACING (4px base) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px;
  /* ELEVATION */
  --shadow-xs:0 1px 2px rgba(17,21,26,.06); --shadow-sm:0 2px 6px rgba(17,21,26,.07);
  --shadow-md:0 10px 28px rgba(17,21,26,.10); --shadow-lg:0 24px 56px rgba(17,21,26,.16);
  --glow-red:0 0 0 1px rgba(245,51,63,.30), 0 8px 28px rgba(245,51,63,.32);
  /* MOTION */
  --ease-out:cubic-bezier(.22,1,.36,1); --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --dur-fast:120ms; --dur-mid:200ms; --dur-slow:360ms;
  /* TYPE families */
  --font-display:"Poppins","Plus Jakarta Sans",system-ui,sans-serif;
  --font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
  /* TYPE scale — body bumped to 16px for senior readability */
  --h1:600 28px/1.2 var(--font-display); --h2:600 22px/1.25 var(--font-display);
  --h3:600 19px/1.3 var(--font-display); --h4:600 17px/1.35 var(--font-sans);
  --body-lg:400 17px/1.6 var(--font-sans); --body:400 16px/1.6 var(--font-sans);
  --body-sm:400 14px/1.5 var(--font-sans); --caption:500 13px/1.4 var(--font-sans);
  --overline:700 12px/1.4 var(--font-sans); --mono:600 15px/1.4 var(--font-mono);
  --num-lg:700 24px/1.1 var(--font-mono); --num-xl:700 32px/1.05 var(--font-mono);
}
.pj{font:var(--body);color:var(--fg1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.pj h1,.pj .h1{font:var(--h1);letter-spacing:-.02em;margin:0;}
.pj h2,.pj .h2{font:var(--h2);letter-spacing:-.015em;margin:0;}
.pj h3,.pj .h3{font:var(--h3);margin:0;}
.pj .overline{font:var(--overline);text-transform:uppercase;letter-spacing:.12em;color:var(--fg3);}
.pj .mono{font:var(--mono);font-variant-numeric:tabular-nums;}
.pj .num-lg{font:var(--num-lg);font-variant-numeric:tabular-nums;}
.pj .num-xl{font:var(--num-xl);font-variant-numeric:tabular-nums;}