/* =============================================================
   Allotment records — Palette

   Shared design tokens (colour, type, spacing) used across
   app.css and any other stylesheet on the site.
   ============================================================= */

:root {
  --paper:          #f4ede0;
  --paper-pure:     #faf6ec;
  --paper-deep:     #ebe2cf;
  --ink:            #1a2515;
  --ink-soft:       #4a5043;
  --ink-fade:       #6f7163;
  --rule:           rgba(26, 37, 21, 0.10);
  --rule-strong:    rgba(26, 37, 21, 0.22);

  --forest:         #1a3a1f;
  --forest-bright:  #2d5a27;
  --brick:          #9c4a2c;
  --brick-soft:     #c47a5a;
  --wheat:          #c9a04c;

  --status-occupied: #2d5a27;
  --status-vacant:   #c97a1c;
  --status-waiting:  #2c4a8c;
  --status-arrears:  #8c2620;

  --font-body: 'Public Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  --sidebar-w: 240px;
  --sidebar-w-collapsed: 64px; /* icon-only rail; see [data-sidebar] in app.css */
  --radius: 3px;
}