/**
 * Section 0 — Design tokens
 * Single source of truth for practitioner UI.
 * pract.css :root stays; these aliases + extras unify reports/clients/future sections.
 */
:root {
  /* Brand */
  --jkb-ink: var(--pr-ink, #1a1228);
  --jkb-ink-soft: var(--pr-ink-soft, #3a3048);
  --jkb-muted: var(--pr-muted, #6d6378);
  --jkb-line: var(--pr-line, rgba(70, 35, 95, 0.1));
  --jkb-line-strong: var(--pr-line-strong, rgba(70, 35, 95, 0.18));

  --jkb-plum: var(--pr-plum, #5a2878);
  --jkb-plum-deep: var(--pr-plum-deep, #1f0b32);
  --jkb-violet: var(--pr-violet, #8b6ad4);
  --jkb-rose: var(--pr-rose, #d46a96);
  --jkb-coral: var(--pr-coral, #e8727a);
  --jkb-mint: var(--pr-mint, #5ecfc0);
  --jkb-gold: var(--pr-gold, #f2d59a);

  --jkb-paper: var(--pr-paper, #ffffff);
  --jkb-bg: #f7f3fb;
  --jkb-cream: #faf7ff;
  --jkb-cream-2: #f3edfa;

  --jkb-ok: var(--pr-ok, #157a70);
  --jkb-warn: var(--pr-warn, #9a6400);
  --jkb-danger: var(--pr-danger, #c0392b);

  --jkb-grad: var(--pr-grad-primary, linear-gradient(135deg, #e8727a 0%, #d46a96 40%, #8b6ad4 100%));
  --jkb-grad-hero: var(--pr-grad-hero, linear-gradient(128deg, #14081f 0%, #2a0f42 32%, #5a2878 62%, #c45c8a 100%));
  --jkb-grad-soft: linear-gradient(145deg, rgba(232, 114, 122, 0.1), rgba(139, 106, 212, 0.12));

  --jkb-font: var(--pr-font, "DM Sans", system-ui, sans-serif);
  --jkb-display: var(--pr-display, "Fraunces", Georgia, serif);

  --jkb-shadow-xs: var(--pr-shadow-xs, 0 1px 2px rgba(20, 8, 31, 0.04));
  --jkb-shadow: var(--pr-shadow, 0 12px 32px rgba(20, 8, 31, 0.07));
  --jkb-shadow-md: var(--pr-shadow-md, 0 20px 50px rgba(20, 8, 31, 0.11));
  --jkb-shadow-lg: var(--pr-shadow-lg, 0 30px 70px rgba(20, 8, 31, 0.18));
  --jkb-shadow-glow: var(--pr-shadow-glow, 0 16px 48px rgba(139, 106, 212, 0.35));

  --jkb-radius: var(--pr-radius, 18px);
  --jkb-radius-sm: 12px;
  --jkb-radius-lg: var(--pr-radius-lg, 24px);
  --jkb-radius-xl: var(--pr-radius-xl, 32px);

  --jkb-space-1: 4px;
  --jkb-space-2: 8px;
  --jkb-space-3: 12px;
  --jkb-space-4: 16px;
  --jkb-space-5: 20px;
  --jkb-space-6: 24px;
  --jkb-space-8: 32px;
  --jkb-space-10: 40px;

  --jkb-text-xs: 12px;
  --jkb-text-sm: 13.5px;
  --jkb-text-md: 15px;
  --jkb-text-lg: 1.15rem;
  --jkb-text-xl: 1.45rem;
  --jkb-text-2xl: clamp(1.55rem, 2.4vw, 2.05rem);

  --jkb-sidebar: var(--pr-sidebar, 278px);
  --jkb-focus: 0 0 0 4px rgba(139, 106, 212, 0.18);
}