/* ── ClassPoints design tokens — ported 1:1 from the approved mockup ── */
:root {
  --cp-bg: #f5ead8;
  --cp-surface: #ebddc5;
  --cp-card: #fffaf1;
  --cp-card-2: #f2e7d4;
  --cp-text: #201e1d;
  --cp-muted: #6e6558;
  --cp-line: rgba(32, 30, 29, .13);

  --cp-accent: #4b41a8;
  --cp-accent-hi: #6a5fc9;
  --cp-accent-soft: #e7e4f7;
  --cp-accent-ink: #2a2260;
  --cp-accent-600: #3c3390;
  --cp-accent-700: #2a2260;

  --cp-ok: #5a7743;
  --cp-ok-soft: #e5efd6;
  --cp-warn: #8f6a14;
  --cp-warn-soft: #f7e7c6;
  --cp-err: #a1382a;
  --cp-err-soft: #f7ddd6;
  --cp-sage: #7a8a5e;

  --cp-display: "Lalezar", "Vazirmatn", system-ui, sans-serif;
  --cp-body: "Vazirmatn", system-ui, sans-serif;

  --shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent);
}

:root[data-theme="dark"] {
  --cp-bg: #1b1922;
  --cp-surface: #231f2e;
  --cp-card: #272433;
  --cp-card-2: #302c3f;
  --cp-text: #f1ece3;
  --cp-muted: #a8a1b3;
  --cp-line: rgba(241, 236, 227, .15);

  --cp-accent: #9c92ea;
  --cp-accent-hi: #b8b0f4;
  --cp-accent-soft: #332e4c;
  --cp-accent-ink: #e8e4fc;
  --cp-accent-600: #b8b0f4;
  --cp-accent-700: #cfc9f8;

  --cp-ok: #a2bd80;
  --cp-ok-soft: #2b3325;
  --cp-warn: #dcb164;
  --cp-warn-soft: #3a2f1c;
  --cp-err: #eb9683;
  --cp-err-soft: #3c241f;
  --cp-sage: #a5b385;
}

html, body { height: 100%; margin: 0; background: var(--cp-bg); }