/**
 * Design tokens.
 *
 * Two token sets on purpose:
 *  1. `--lk-*`  LenderKit brand — used for the tour chrome (start screen, end
 *               screen, tour bar, tooltips). Teal base, orange for primary
 *               actions, Prompt typeface, 20px card radius.
 *  2. `--ad-*` / `--iv-*`  the product simulation palettes taken from the
 *               supplied LenderKit reference screenshots (admin / investor).
 */
:root {
  /* ---------------------------------------------------------- LenderKit brand */
  --lk-teal-900: #0f2935;
  --lk-teal-600: #0a5157;
  --lk-teal-400: #6d9095;
  --lk-teal-100: #d1dbdc;
  --lk-teal-050: #e9f0f1;

  --lk-ink-900: #263037;
  --lk-ink-700: #4f4c4d;
  --lk-ink-500: #d3d2d2;

  --lk-orange: #e75d1d;
  --lk-yellow: #f6b03b;
  --lk-antique: #f8ead3;
  --lk-white: #ffffff;
  --lk-error: #de3636;

  --lk-bg: var(--lk-white);
  --lk-bg-subtle: var(--lk-teal-050);
  --lk-bg-dark: var(--lk-teal-900);
  --lk-fg: var(--lk-ink-900);
  --lk-fg-muted: var(--lk-ink-700);
  --lk-fg-subtle: var(--lk-teal-400);
  --lk-accent: var(--lk-orange);
  --lk-accent-alt: var(--lk-teal-600);

  --lk-font: 'Prompt', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --lk-radius-sm: 4px;
  --lk-radius-md: 6px;
  --lk-radius-lg: 20px;
  --lk-radius-pill: 999px;

  --lk-shadow-sm: 0 1px 2px rgba(15, 41, 53, 0.06), 0 2px 8px rgba(15, 41, 53, 0.05);
  --lk-shadow-md: 0 12px 34px rgba(15, 41, 53, 0.16);
  --lk-shadow-lg: 0 24px 60px rgba(15, 41, 53, 0.28);

  /* -------------------------------------------- product: admin / issuer portal */
  --ad-primary: #00359f;
  --ad-primary-soft: #e8eeff;
  --ad-bg: #f9fafe;
  --ad-value: #337ab7;
  --ad-accent: #f69758;
  --ad-green: #38aa45;
  --ad-muted: #8388a1;
  --ad-border: #e6eaf5;
  --ad-ink: #1b2232;

  /* ---------------------------------------------------- product: investor portal */
  --iv-bg: #fafcff;
  --iv-surface: #ebeef5;
  --iv-teal: #13c2c2;
  --iv-primary: #409eff;
  --iv-progress: #337ecc;
  --iv-error: #f56c6c;
  --iv-text: #606266;
  --iv-heading: #1f2733;
  --iv-border: #e4e8f0;

  /* ------------------------------------------------------------------ semantic */
  --ok: #38aa45;
  --ok-bg: #eaf7ec;
  --warn: #e09029;
  --warn-bg: #fdf1e2;
  --info: #337ab7;
  --info-bg: #e8f2fb;
}