/* Pepper Reputation — internal products design tokens v1.0 */
:root {
  /* Type */
  --font-ui: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --text-h1: 800 32px/1.1 var(--font-ui);   /* letter-spacing -0.02em */
  --text-h2: 700 22px/1.2 var(--font-ui);   /* letter-spacing -0.01em */
  --text-h3: 700 15px/1.4 var(--font-ui);
  --text-body: 500 13px/1.55 var(--font-ui);
  --text-small: 500 12px/1.5 var(--font-ui);
  --text-label: 700 11px/1.3 var(--font-ui); /* uppercase, letter-spacing 0.08em */

  /* Brand */
  --brand-green: #51b37f;
  --brand-forest: #012813;
  --brand-ink: #111219;
  --brand-paper: #f8f7f4;

  /* Text */
  --ink-900: #17251d;
  --ink-700: #33453a;
  --ink-500: #5b6d62;
  --ink-400: #6f8177;

  /* Surfaces & lines */
  --surface: #ffffff;
  --surface-page: #f4f7f4;
  --surface-sunken: #eef2ef;
  --line: #e2e7e3;
  --line-strong: #c9d3cc;

  /* Action */
  --action-600: #157a4e;
  --action-700: #0f5f3c;
  --focus-ring: 0 0 0 3px rgba(21, 122, 78, 0.14);

  /* States: fill / border / text / accent */
  --success-bg: #e3f3e8; --success-border: #8cc9a4; --success-text: #0f5f3c; --success: #157a4e;
  --warning-bg: #fbf1de; --warning-border: #e3c281; --warning-text: #a8730f; --warning: #d9971f;
  --danger-bg:  #fbeae7; --danger-border:  #e8b3a8; --danger-text:  #b4372a; --danger:  #d0452f;
  --info-bg:    #e9f1f8; --info-border:    #a9c7e0; --info-text:    #2b6597; --info:    #4b86bd;
  --neutral-bg: #f0f2f4; --neutral-border: #dfe3e6;

  /* Ratings (shared with authors' sheet) */
  --rating-5: #51b37f; --rating-4: #89cd41; --rating-3: #f7d046; --rating-2: #ef8c3e; --rating-1: #eb4b34;

  /* Grid highlights */
  --grid-today: #f6f4ee;
  --grid-weekend: #f0f2f4;
  --grid-group: #eef2ef;

  /* Spacing (4px step) */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px;

  /* Radius */
  --radius-control: 6px;  /* chips, badges */
  --radius-field: 8px;    /* buttons, inputs */
  --radius-panel: 10px;   /* panels inside cards, notices */
  --radius-card: 14px;    /* cards, drawer */

  /* Shadow */
  --shadow-card: 0 1px 2px rgba(23, 37, 29, 0.06);
  --shadow-popover: 0 12px 32px rgba(23, 37, 29, 0.14);

  /* Sizes */
  --control-h: 36px;
  --field-h: 38px;
  --filter-h: 32px;
  --hit-min: 24px;
}