:root {
  /* Primary palette — from .pen design tokens */
  --accent: #C96D3B;
  --accent-hover: #B55E2F;
  --accent-soft: #F0D3C3;
  --bg-canvas: #F6F2EB;
  --panel: #FFFDFC;
  --panel-alt: #F1EBE1;
  --ink: #201E1A;
  --muted: #6F675E;
  --line: #D8CCBF;
  --line-strong: #A9927D;
  --danger: #B9554B;
  --danger-soft: #F4D4D0;
  --success: #5D8F71;
  --success-soft: #D9EBDD;
  --warning: #B9934A;
  --warning-soft: #F2E6C8;

  /* Status badge backgrounds */
  --status-stock: #D9EBDD;
  --status-borrowed: #F7DFD0;
  --status-damaged: #F4D4D0;
  --status-lost: #E5D7D5;
  --status-partial: #F2E6C8;
  --status-scrapped: #DFD8D0;
  --status-pending: #F0D3C3;
  --status-disabled: #DFD8D0;

  /* Typography */
  --font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radius */
  --radius-card: 18px;
  --radius-input: 14px;
  --radius-chip: 999px;
  --radius-btn: 14px;

  /* Spacing */
  --space-unit: 16px;
  --space-block: 24px;
  --space-page: 32px;

  /* Sidebar */
  --sidebar-width: 238px;

  /* Shadows */
  --shadow-card: 0 1px 3px rgba(32, 30, 26, 0.06);
  --shadow-elevated: 0 4px 12px rgba(32, 30, 26, 0.1);
}