/* =========================================================================
   PALETTE MAPPING FILE
   Strictly uses ONLY the 3 colors defined in light.css and dark.css.
   No outside colors, hardcoded hexes, or extra shades are added.
   ========================================================================= */

:root {
  --c1-final: var(--c1, #283618);
  --c2-final: var(--c2, #606c38);
  --c3-final: var(--c3, #fefae0);

  /* Light Theme Surfaces & Text (100% derived from c1, c2, c3) */
  --bg-color: var(--c3-final);
  --bg-card: var(--c3-final);
  --border-color: var(--c2-final);
  
  --text-primary: var(--c1-final);
  --text-secondary: var(--c2-final);
  --text-muted: var(--c2-final);

  --accent-primary: var(--c1-final);
  --accent-secondary: var(--c2-final);
  --accent-highlight: var(--c2-final);
  --accent-light: var(--c3-final);
  
  --tag-bg: var(--c2-final);
  --tag-text: var(--c3-final);
  
  --badge-wp: var(--c2-final);
  --badge-wp-text: var(--c3-final);
  --badge-pub: var(--c1-final);
  --badge-pub-text: var(--c3-final);

  /* Button Tokens */
  --btn-bg: var(--accent-primary);
  --btn-text: var(--c3-final);
  --btn-hover-bg: var(--accent-secondary);
  --btn-hover-text: var(--c3-final);

  /* Filter Selector Tokens */
  --filter-btn-text: #000000;
  --filter-btn-active-bg: var(--border-color);
  --filter-btn-active-text: #000000;

  --shadow-sm: none;
  --shadow-md: none;
  --glow-1: var(--c2-final);
  --glow-2: var(--c3-final);
}

[data-theme="dark"] {
  --dc1-final: var(--dark-c1, #ccdad1);
  --dc2-final: var(--dark-c2, #9caea9);
  --dc3-final: var(--dark-c3, #788585);

  /* Dark Theme Surfaces & Text (100% derived from dc1, dc2, dc3) */
  --bg-color: var(--dc3-final);
  --bg-card: var(--dc3-final);
  --border-color: var(--dc2-final);
  
  --text-primary: var(--dc1-final);
  --text-secondary: var(--dc2-final);
  --text-muted: var(--dc2-final);

  --accent-primary: var(--dc2-final);
  --accent-secondary: var(--dc1-final);
  --accent-highlight: var(--dc1-final);
  --accent-light: var(--dc3-final);

  --tag-bg: var(--dc2-final);
  --tag-text: var(--dc3-final);

  --badge-wp: var(--dc1-final);
  --badge-wp-text: var(--dc3-final);
  --badge-pub: var(--dc2-final);
  --badge-pub-text: var(--dc3-final);

  /* Button Tokens */
  --btn-bg: var(--accent-primary);
  --btn-text: var(--bg-color);
  --btn-hover-bg: var(--accent-secondary);
  --btn-hover-text: var(--bg-color);

  /* Filter Selector Tokens */
  --filter-btn-text: var(--text-muted);
  --filter-btn-active-bg: var(--accent-primary);
  --filter-btn-active-text: var(--bg-color);

  --shadow-sm: none;
  --shadow-md: none;
  --glow-1: var(--dc2-final);
  --glow-2: var(--dc1-final);
}