/**
 * Site color scheme — single source of truth.
 * Change values here to update colors across the site.
 */
:root {
  /* Core palette */
  --color-bg-primary: #f8f7f4;
  --color-bg-alternate: #f2f2f0;
  --color-bg-dark: #2b2b2b;
  --color-text-primary: #242424;
  --color-text-secondary: #666666;
  --color-accent: #c89b2c;
  --color-accent-on-light: #8a6414;
  --color-border: #e8e8e8;
  --color-button: #2b2b2b;
  --color-button-hover: #c89b2c;

  /* Supporting tokens (derived / convenience) */
  --color-text-inverse: #ffffff;
  --color-accent-soft: #c89b2c;
  --color-surface: #ffffff;
  --color-error: #ff9ba4;
  --color-overlay-dark: rgba(43, 43, 43, 0.85);
  --color-overlay-light: rgba(248, 247, 244, 0.9);
  --color-accent-rgb: 200, 155, 44;
  --color-bg-dark-rgb: 43, 43, 43;
  --color-text-primary-rgb: 36, 36, 36;
  --color-border-rgb: 232, 232, 232;

  /* Accent overlays (use with rgba) */
  --color-accent-overlay: rgba(var(--color-accent-rgb), 0.753);
  --color-accent-pulse: rgba(var(--color-accent-rgb), 0.4);
  --color-accent-pulse-fade: rgba(var(--color-accent-rgb), 0);

  /* Loader */
  --color-loader-track: var(--color-border);
  --color-loader-active: var(--color-accent);
}