/* Plotmosa design tokens — per Claude design spec (May 25, 2026)
 * Palette: warm-earth craftsman (cream + olive + terracotta)
 * Typography: Fraunces serif + Inter sans + JetBrains Mono
 */

:root {
  /* Palette */
  --p-bg: #f6f2ea;
  --p-surface: #fffdf8;
  --p-surface-2: #efebe2;
  --p-ink: #2b2620;
  --p-ink-2: #4a4339;
  --p-ink-3: #8a8273;
  --p-border: #e8e2d4;
  --p-accent: #6b7a4f;        /* moss — single CTA accent */
  --p-accent-hover: #5a6843;
  --p-accent-2: #b4623a;      /* terracotta — destructive/warning + italic emphasis */

  /* Typography */
  --serif: 'Fraunces', Georgia, serif;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Shadows */
  --sh-1: 0 1px 2px rgba(43, 38, 32, 0.04);
  --sh-2: 0 4px 16px rgba(43, 38, 32, 0.06);
  --sh-3: 0 12px 32px rgba(43, 38, 32, 0.10);

  /* Radius */
  --r-sm: 4px;
  --r-md: 5px;       /* button radius per spec */
  --r-lg: 8px;
  --r-xl: 12px;
}