/* ── Calendar Engine — Design Tokens ──────────────────────────────────── */
:root {
  /* Palette */
  --col-paper:        #ebe4d6;
  --col-paper-light:  #fffdf8;
  --col-paper-mid:    #ddd5c4;
  --col-rust:         #b4451a;
  --col-rust-light:   #d4622e;
  --col-rust-dim:     rgba(180, 69, 26, 0.12);
  --col-header:       #2a251f;
  --col-header-mid:   #3d3530;
  --col-text:         #1a1510;
  --col-text-muted:   #6b5e4e;
  --col-border:       #ccc3b0;
  --col-border-light: #e2d9c8;
  --col-today-bg:     rgba(180, 69, 26, 0.08);
  --col-focus-ring:   rgba(180, 69, 26, 0.4);
  --col-slot-hover:   rgba(180, 69, 26, 0.05);
  --col-white:        #ffffff;

  /* Event palette (cycles for new events) */
  --ev0: #b4451a;
  --ev1: #4a7c59;
  --ev2: #5b7fa6;
  --ev3: #7a5c91;
  --ev4: #c67c28;
  --ev5: #3a7d7d;
  --ev6: #8b5a2b;
  --ev7: #6b5e4e;

  /* Typography */
  --font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* Spacing */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* Radius */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;

  /* Shadows */
  --shadow-card: 0 2px 8px rgba(42, 37, 31, 0.12);
  --shadow-modal: 0 8px 32px rgba(42, 37, 31, 0.22);

  /* Transitions */
  --ease: 0.15s ease;

  /* Header height */
  --header-h: 56px;
}