:root {
  --dine-bg: #14181b;
  --dine-bg-soft: #1d2328;
  --dine-surface: #262d33;
  --dine-surface-raised: #2f373e;
  --dine-ivory: #f5f1e8;
  --dine-ivory-soft: #ddd6c8;
  --dine-text: #f8f4ec;
  --dine-text-muted: #c4bbac;
  --dine-border: rgba(245, 241, 232, 0.18);
  --dine-accent: #9d4f42;
  --dine-accent-hover: #8c4337;
  --dine-accent-soft: rgba(157, 79, 66, 0.22);
  --dine-sage: #74806d;
  --dine-sage-soft: rgba(116, 128, 109, 0.2);
  --dine-success: #6f8d70;
  --dine-warning: #c49052;
  --dine-danger: #a55155;
  --dine-shadow: 0 20px 45px rgba(0, 0, 0, 0.38);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --space-xs: 0.35rem;
  --space-sm: 0.6rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.25rem;
}