:root {
  /* Canvas */
  --bg: #f5f0e8;

  /* Surfaces */
  --surface: #ffffff;
  --surface-2: #eee7dc;
  --surface-3: #e4dbce;

  /* Lines */
  --border: rgba(29, 43, 35, 0.14);
  --border-strong: rgba(29, 43, 35, 0.24);

  /* Text */
  --text: #1b2a22;
  --text-muted: rgba(29, 43, 35, 0.68);
  --text-faint: rgba(29, 43, 35, 0.46);

  /* MAZ accent */
  --accent: #1b2a22;
  --accent-soft: rgba(27, 42, 34, 0.10);
  --accent-warm: #b68443;
  --accent-warm-soft: rgba(182, 132, 67, 0.16);

  /* Status */
  --good: #16a34a;
  --warn: #d97706;
  --bad: #dc2626;
  --info: #2563eb;

  /* Elevation */
  --shadow-1: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-2: 0 8px 24px rgba(15, 23, 42, 0.08);

  /* Radius */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;

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

  /* Focus */
  --focus-ring: 0 0 0 3px rgba(182, 132, 67, 0.26);

  /* Table */
  --row-hover: rgba(27, 42, 34, 0.05);
  --row-selected: rgba(182, 132, 67, 0.14);
}