/* tokens.css — Paper-cream Stripe-clean palette. Per OPS-REDESIGN-BUILD.md §1.1–§1.2. */

:root {
  /* Surfaces */
  --paper:        #faf4e5;
  --surface:      #ffffff;
  --surface-2:    #f5efdf;
  --surface-3:    #eee5cf;

  /* Text */
  --ink:          #1c1814;
  --ink-muted:    #6b6258;
  --ink-subtle:   #9b9388;

  /* Borders */
  --border:        rgba(28,24,20,0.08);
  --border-strong: rgba(28,24,20,0.16);

  /* Accent (gold reserved for active states + primary CTAs only) */
  --gold:         #b8902e;
  --gold-soft:    #e8d8a8;

  /* Status */
  --success:      #2d7a4f;  --success-soft: #e0efe5;
  --warn:         #b8741c;  --warn-soft:    #f5e8d0;
  --danger:       #b54a2a;  --danger-soft:  #f5dfd5;
  --info:         #2c5e8a;  --info-soft:    #dae8f3;

  /* Focus + interactive */
  --focus:        #b8902e;
  --hover-bg:     rgba(28,24,20,0.03);

  /* Sandbox/test mode (Phase 2) */
  --sandbox:      #6b3e8a;
  --sandbox-soft: #ebe1f0;

  /* Typography */
  --font-sans:    -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  --font-display: 'Cormorant', Georgia, serif;
  --font-mono:    'JetBrains Mono', 'DM Mono', ui-monospace, Menlo, monospace;

  /* Sizing */
  --base-font-size: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-card:  6px;
  --radius-input: 4px;

  /* Layout */
  --sidebar-w:  240px;
  --topbar-h:   56px;
  --content-max: 1280px;
}