:root {
  --color-deep: #1a1a1a;
  --color-mid: #4a4a4a;
  --color-soft: #7a7a7a;
  --color-light: #d9d9d9;
  --color-wash: #f0f0f0;
  --color-pale: #f7f7f7;
  --cream: #fcfcfc;
  --text-primary: #1a1a1a;
  --text-secondary: #323232;
  --text-light: #626262;
  --accent: #D52928;
  --accent-hover: #aa2120;
  --nav-bg: rgba(247, 247, 247, 0.85);
  --border-soft: rgba(217, 217, 217, 0.3);
  --border-medium: rgba(217, 217, 217, 0.4);
  --shadow-xs: rgba(26, 26, 26, 0.04);
  --shadow-sm: rgba(26, 26, 26, 0.06);
  --shadow-md: rgba(26, 26, 26, 0.08);
  --accent-subtle: rgba(213, 41, 40, 0.04);
  --accent-ring: rgba(213, 41, 40, 0.1);
  --accent-glow: rgba(213, 41, 40, 0.3);
  --serif: 'Noto Serif', Georgia, serif;
  --sans: 'Raleway', system-ui, sans-serif;
}