:root {
  --color-primary: #B07840;
  --color-primary-hover: #98652F;
  --color-primary-text: #8A5624;
  --color-secondary: #6E655A;
  --color-accent: #B07840;
  --color-background: #FAF7F2;
  --color-surface: #FFFFFF;
  --color-border: #ECE7DF;
  --color-surface-hover: #F5F0E8;
  --color-text: #1A1917;
  --color-text-muted: #6E655A;
  --color-error: #C0392B;
  --color-warning: #A8681A;
  --color-success: #2C6B34;
  --color-nav-bg: #FBF8F3;
  --color-nav-border: #ECE7DF;
  --color-nav-text: #6E655A;
  --color-nav-muted: #736A5E;
  --color-nav-hover: #1A1917;
  --color-nav-active-bg: #F1E4D2;
  --color-nav-active-text: #8A5624;
  --color-error-bg: #FBEEEC;
  --color-error-border: #F0C8C1;
  --color-error-text: #7A1F16;
  --color-warning-bg: #FBF3E6;
  --color-warning-border: #EAD6A8;
  --color-warning-text: #6A3D08;
  --border-radius: 0.5rem;
  --font-sans: var(--font-inter, 'Inter', system-ui, sans-serif);
  --font-heading: var(--font-inter, 'Inter', system-ui, sans-serif);
  --color-text-muted-rgb: 110 101 90;
  --color-nav-muted-rgb: 115 106 94;
  --color-error-rgb: 192 57 43;
  --color-warning-rgb: 168 104 26;
  --color-success-rgb: 44 107 52;
  --color-surface-rgb: 255 255 255;
  --color-border-rgb: 236 231 223;
  --color-surface-hover-rgb: 245 240 232;
  --color-warning-text-rgb: 106 61 8;
}