/* Tidy House — color theme */
:root {
  /* Palette */
  --color-primary: #3D6B5E;
  --color-primary-light: #4E8A78;
  --color-accent: #C4603A;
  --color-accent-dark: #A84E2E;
  --color-outline-accent: #B8943F;

  /* Semantic */
  --color-text: #2C2418;
  --color-text-muted: #5A6B7A;
  --color-bg: #F5F0E8;
  --color-surface: #EDE4D4;
  --color-focus-ring: rgba(61, 107, 94, 0.1);

  /* Header */
  --color-header-bg: rgba(245, 240, 232, 0.95);
  --color-header-border: rgba(44, 36, 24, 0.08);

  /* Hero */
  --color-hero-bg: #2C2418;
  --color-hero-text: #F5F0E8;
  --color-hero-label: var(--color-primary-light);
  --color-hero-tagline: #EDE4D4;

  /* Footer */
  --color-footer-bg: #2C2418;
  --color-footer-text: #EDE4D4;
  --color-footer-muted: #5A6B7A;
  --color-footer-heading: #5A6B7A;
  --color-footer-border: rgba(245, 240, 232, 0.1);
}

/* Selection */
::selection {
  background: var(--color-accent);
  color: white;
}

:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}