/* ── Sonnalm Colors ────────────────────────────────────────────────
   Alpine palette: forest greens, warm wood, beige, gold highlight. */
:root {
  /* Base palette */
  --forest: #234132;        /* Primary Forest — headers, footer, buttons, headlines */
  --pine: #3D5B49;          /* Mountain Pine — secondary backgrounds, cards, icons */
  --wood: #8A6648;          /* Warm Wood — accent, links, secondary buttons */
  --beige: #F5F2EB;         /* Alpine Beige — primary page background */
  --snow: #FFFFFF;          /* Snow White — cards, content areas */
  --stone: #7A7A72;         /* Stone Gray — secondary text, borders, captions */
  --moss: #72846A;          /* Moss Green — small highlights, badges, icons */
  --gold: #C89C52;          /* Sunset Gold — premium highlights only */
  --ink: #2D2D2D;           /* Primary text ink */

  /* Tonal steps (derived, for hovers / borders / washes) */
  --forest-700: #1a3126;
  --forest-600: #234132;
  --forest-500: #2c4f3c;
  --wood-600: #7a5940;
  --wood-500: #8A6648;
  --wood-400: #9e7c5e;
  --gold-400: #d4ad6b;
  --beige-200: #ebe6d9;     /* slightly deeper beige — hairlines on beige */
  --stone-300: #d8d6cd;     /* light border on light surfaces */

  /* ── Semantic aliases ── */
  --color-primary: var(--forest);
  --color-secondary: var(--pine);
  --color-accent: var(--wood);
  --color-highlight: var(--gold);

  --color-bg: var(--beige);
  --color-surface: var(--snow);
  --color-surface-alt: var(--pine);

  --text-strong: var(--forest);
  --text-body: var(--ink);
  --text-muted: var(--stone);
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: rgba(255,255,255,.72);

  --border-subtle: var(--stone-300);
  --border-on-beige: var(--beige-200);

  --link: var(--wood);
  --link-hover: var(--forest);

  --badge-bg: rgba(114,132,106,.16);
  --badge-fg: var(--forest);
}