/* static/_shared/design-tokens.css
 * Canonical, surface-agnostic design tokens shared and consumed by both
 * /agent and /workspace. Every token here holds the true canonical value
 * for both surfaces. Surface-specific palettes (agent ink/parch/forest,
 * workspace ink/parch) and surface-specific shadows (--shadow-card /
 * --shadow-pop depend on workspace's --parch-border) stay local in their
 * own files. NEVER add --forest-* here (agent=green, workspace=periwinkle
 * — irreconcilable).
 */
:root {
  /* Brand — periwinkle scale (agent --primary == workspace --primary-700) */
  --primary-900: #2E2EAB;
  --primary-700: #6C6CFF;
  --primary-500: #8888FF;
  --primary-300: #B0B0FF;
  --primary-100: #E5E5FF;
  --primary-50:  #F0F0FF;

  /* Mono font (only font family both agree on) */
  --mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;

  /* Radius scale (canonical) */
  --r-2: 2px;  --r-4: 4px;  --r-6: 6px;  --r-8: 8px;  --r-12: 12px;  --r-pill: 999px;

  /* Focus ring (canonical; --shadow-card / --shadow-pop are surface-specific
     and stay in workspace.css — they reference workspace's --parch-border) */
  --shadow-focus: 0 0 0 3px rgba(108,108,255,.22);

  /* Spacing scale (agent already uses these; harmless on workspace) */
  --space-xs: 4px; --space-sm: 8px; --space-md: 14px; --space-lg: 22px; --space-xl: 32px;

  /* Type scale (agent already uses these) */
  --text-xs: 9.5px; --text-sm: 10.5px; --text-base: 12px; --text-md: 14px; --text-lg: 18px; --text-xl: 22px;

  /* Status accent colors (canonical = workspace's actual rendered values) */
  --rust:  #A85A2C; --rust-50:  #F7E9DF;
  --slate: #3A5B8C; --slate-50: #E4EAF3;
  --gold:  #B58A1C; --gold-50:  #F4EBD0;
  --mauve: #7C4A6E; --mauve-50: #EFE4EB;

  /* Motion */
  --motion-fast: 0.15s; --motion-slow: 0.3s;
}