:root {
  --theme-primary: #d32f2f;
  --theme-primary-dark: #b71c1c;

  --theme-accent: #ffd54f;
  --theme-accent-hover: #ffca28;

  --theme-bg-page: #fff8e1;
  --theme-bg-surface-1: #fff3cd;
  --theme-bg-card: #ffffff;
  --theme-bg-footer: #ffe082;

  --theme-text: #3e2723;
  --theme-text-muted: #8d6e63;
  --theme-text-nav: #5d4037;
  --theme-text-inverse: #ffffff;

  --theme-header-bg: rgba(255, 255, 255, 0.8);
  --theme-header-card-bg: #f9cc4464;
  --theme-header-mobile-bg: #fce5a2fa;
  --theme-header-link-hover: var(--theme-text);
  --theme-header-link-active: var(--theme-primary);

  --theme-footer-link-hover: var(--theme-primary);
  --theme-footer-text: #5d4037;
  --theme-footer-text-muted: #7d7264;
  --theme-footer-card-bg: var(--theme-header-card-bg);
  --theme-footer-bottom-border: var(--theme-border-accent-soft);

  --theme-scrollbar-thumb: var(--theme-primary);
  --theme-scrollbar-thumb-hover: var(--theme-primary-dark);
  --theme-scrollbar-track: transparent;

  --theme-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.12);
  --theme-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.14);
  --theme-shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.16);

  --theme-radius-xs: 4px;
  --theme-radius-sm: 0.5rem;
  --theme-radius-md: 0.75rem;
  --theme-radius-lg: 1rem;
  --theme-radius-xl: 1.25rem;

  --theme-stats-gradient-end: #d95d5d;

  --theme-border-accent-soft: rgba(255, 193, 7, 0.15);
  --theme-border-accent: rgba(255, 193, 7, 0.25);
  --theme-border-accent-strong: rgba(255, 193, 7, 0.45);
}