:root {
  /* Color Palette - Modern & Noble */
  --color-primary: #8a8174; /* greige / earthy tone */
  --color-primary-light: #ece9e2;
  --color-primary-dark: #655d52;
  --color-accent: #b09164; /* dull gold / soft bronze */
  --color-accent-light: #f5ead9;
  
  --color-bg-base: #faf9f7; /* off-white, slightly warm */
  --color-bg-surface: #ffffff;
  --color-bg-alt: #f0eee9;
  
  --color-text-main: #333333;
  --color-text-muted: #737373;
  --color-text-light: #9a9a9a;
  
  --color-border: #e6e4df;
  --color-border-light: #f2f0ec;
  
  /* Typography */
  --font-family-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-family-serif: "Shippori Mincho", "Noto Serif JP", "Playfair Display", serif;
  
  /* UI Metrics */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 9999px;
  
  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 12px 30px rgba(0, 0, 0, 0.08);
}