/* Marketplace & Mentor palette — extends design-tokens.css
 * Link AFTER design-tokens.css on marketplace, course, mentor pages.
 */
:root {
  --bg: #090b0f;
  --surface: #0d1117;
  --surface2: #131820;
  --surface3: #181e28;
  --glass: rgba(13,17,23,.95);
  --good: #3ecf8e;
  --good-soft: rgba(62,207,142,.1);
  --bad-soft: rgba(199,85,85,.1);
  --orange: #e8a33c;
  --orange-soft: rgba(232,163,60,.1);
  --shadow1: 0 4px 24px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.3);
  --shadow2: 0 16px 56px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.35);
  --r-lg: clamp(16px, 1.8vw, 22px);
  --pad: clamp(1rem, 2.5vw, 1.8rem);
  --gutter: clamp(12px, 1.5vw, 18px);
  --font: var(--font-sans);
  --ease: var(--ease-out);
  --fs-base: clamp(.95rem, 1.05vw, 1.1rem);
  --fs-sm: clamp(.85rem, .94vw, .98rem);
  --fs-xs: clamp(.78rem, .86vw, .88rem);
  --fs-lg: clamp(1.1rem, 1.25vw, 1.32rem);
}