/* ─────────────────────────────────────────────────────────────
   ShareTo — design tokens (dark surface). Sage on near-black.
   Manrope + IBM Plex Mono. Lifted from the app's shareto-tokens.css.
   ───────────────────────────────────────────────────────────── */
:root {
  --bg-canvas:    #15140f;
  --bg-surface:   #1c1b15;
  --bg-elevated:  #24221b;
  --bg-inset:     #0f0e0a;

  --text-primary:    #f3ede1;
  --text-secondary:  #b3ad9b;
  --text-muted:      #7d7967;
  --text-tertiary:   #4f4c40;
  --text-inverse:    #15140f;

  --border:        rgba(243,237,225,0.08);
  --border-strong: rgba(243,237,225,0.14);

  --accent:        #9bb085;
  --accent-soft:   rgba(155,176,133,0.13);
  --accent-strong: #b1c69b;
  --accent-ink:    #14160f;

  --status-ok:   #9bb085;
  --status-warn: #d4ad57;
  --danger:      #d27b62;

  --font-sans: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --ease: cubic-bezier(.2,.7,.3,1);
  --maxw: 1120px;
}