/* AURA Zuid — Color tokens
   Source: Aura Zuid BrandBook.pdf, p.15 "KLEUR COMBO" — the ONLY four brand colors.
   Never introduce colors outside this set; use rgba()/opacity of these four for tints. */

:root {
  /* ---- Base palette (brand book names, verbatim) ---- */
  --color-stone: #f0ede5;       /* Aura Zuid Stone — primary background */
  --color-slate: #273142;       /* Aura Zuid Slate — dark sections, primary text */
  --color-forest: #3a4f4f;      /* Aura Zuid Forest — secondary accent (available, used sparingly) */
  --color-brass: #bb966c;       /* Aura Zuid Brass — primary accent, CTAs, emphasis */

  /* ---- Derived tints (not brand-book primitives, but used throughout the reference build) ---- */
  --color-stone-deep: #e5e0d0;  /* stone shifted darker — placeholder/image fill backgrounds */
  --color-brass-light: #d8c1a3; /* brass lightened — on-dark emphasis, hover state for brass */
  --color-white: #ffffff;       /* true white — cards on stone, VAT box surface */

  /* ---- Semantic aliases: surfaces ---- */
  --surface-page: var(--color-stone);
  --surface-elevated: var(--color-white);
  --surface-dark: var(--color-slate);
  --surface-placeholder: var(--color-stone-deep);

  /* ---- Semantic aliases: text ---- */
  --text-primary: var(--color-slate);
  --text-primary-muted: rgba(39, 49, 66, 0.75);
  --text-faint: rgba(39, 49, 66, 0.5);
  --text-on-dark: var(--color-stone);
  --text-on-dark-muted: rgba(240, 237, 229, 0.65);
  --text-on-dark-faint: rgba(240, 237, 229, 0.5);
  --text-inverse: var(--color-white);
  --text-emphasis: var(--color-brass);
  --text-emphasis-on-dark: var(--color-brass-light);

  /* ---- Semantic aliases: accent / interactive ---- */
  --accent-brass: var(--color-brass);
  --accent-brass-hover: var(--color-brass-light);
  --accent-forest: var(--color-forest);

  /* ---- Semantic aliases: borders ---- */
  --border-on-light: rgba(39, 49, 66, 0.12);
  --border-on-light-strong: rgba(39, 49, 66, 0.25);
  --border-on-dark: rgba(240, 237, 229, 0.15);
  --border-on-dark-strong: rgba(240, 237, 229, 0.3);
  --border-brass: var(--color-brass);
}