:root {
  --brand-display: "skilldiff";
  --font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-product: "Geist", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;

  --canvas: #f5f5f2;
  --surface: #ffffff;
  --surface-2: #ededeb;
  --surface-3: #deded9;
  --ink: #0f0f0f;
  --muted: #696966;
  --faint: #9b9b96;
  --line: #ddddda;

  --accent: #6970b8;
  --accent-soft: #ececf7;
  --review: #a9793d;
  --review-soft: #f2eadf;
  --blocked: #a9606a;
  --blocked-soft: #f2e6e8;
  --verified: #52616b;
  --verified-soft: #e8ecef;

  --radius-xl: 32px;
  --radius-lg: 26px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  --pad-page: 24px;
  --pad-panel: 22px;
  --pad-card: 16px;
  --shadow: 0 24px 70px rgba(15, 15, 15, 0.08);
}

[data-theme="dark"] {
  --canvas: #111110;
  --surface: #181817;
  --surface-2: #242421;
  --surface-3: #30302c;
  --ink: #f6f4ee;
  --muted: #b9b7af;
  --faint: #85837a;
  --line: #32322f;
  --accent-soft: #22243a;
  --review-soft: #33281c;
  --blocked-soft: #362328;
  --verified-soft: #20272d;
  --shadow: none;
}