/* GENERATED by scripts/build-artifact-brand.mjs — do not edit by hand.
   Palette: tailwind.config.js · rules: docs/brand-guidelines/references/color-tokens.md
   Re-run with `npm run build-brand`. */

:root {
  /* canonical palette — one entry per tailwind.config.js color */
  --aff-warm-cream: #F0E7D9;
  --aff-warm-cream-deep: #ECE2D3;
  --aff-warm-stone: #B9A488;
  --aff-soft-sage: #526D48;
  --aff-deep-terracotta: #A8452C;
  --aff-warm-white: #FAF7F2;
  --aff-charcoal: #2B2724;
  --aff-muted-gold: #C08A1E;
  --aff-dusty-blue: #3D6B7D;
  --aff-muted-gold-ink: #935D00;
  --aff-soft-sage-ink: #526D48;
  --aff-dusty-blue-ink: #3D6B7D;
  --aff-deep-terracotta-ink: #A8452C;
  --aff-terracotta-glow: #D6735A;
  --aff-soft-sage-glow: #759866;

  /* local aliases */
  --terra: var(--aff-deep-terracotta);
  --charcoal: var(--aff-charcoal);
  --gold: var(--aff-muted-gold);
  --gold-ink: var(--aff-muted-gold-ink);
  --stone: var(--aff-warm-stone);
  --sage: var(--aff-soft-sage);
  --sage-ink: var(--aff-soft-sage-ink);
  --blue: var(--aff-dusty-blue);
  --warmwhite: var(--aff-warm-white);
  --warmcream: var(--aff-warm-cream);

  /* light theme (primary) */
  --bg: #F0E7D9;
  --card: #FAF7F2;
  --ink: #2B2724;
  --ink-2: rgba(43,39,36,0.8);
  --ink-3: rgba(43,39,36,0.66);
  --ink-4: rgba(43,39,36,0.38);
  --line: rgba(43,39,36,0.12);
  --line-strong: rgba(43,39,36,0.24);
  --line-soft: rgba(185,164,136,0.4);
  --band: rgba(185,164,136,0.14);
  --chip-terra: rgba(168,69,44,0.14);
  --chip-sage: rgba(82,109,72,0.18);
  --chip-stone: rgba(185,164,136,0.32);
  --accent-ink: #A8452C;
  --good: #526D48;
  --btn-bg: #2B2724;
  --btn-bg-hover: #44403D;
  --btn-ink: #FAF7F2;
  --shadow: 0 2px 12px rgba(43,39,36,0.06);
  --focus: 2px solid #935D00;
  --wm-light: block;
  --wm-dark: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #2B2724;
    --card: #393632;
    --ink: #FAF7F2;
    --ink-2: rgba(250,247,242,0.8);
    --ink-3: rgba(250,247,242,0.66);
    --ink-4: rgba(250,247,242,0.38);
    --line: rgba(250,247,242,0.12);
    --line-strong: rgba(250,247,242,0.24);
    --line-soft: rgba(185,164,136,0.22);
    --band: rgba(250,247,242,0.045);
    --chip-terra: rgba(168,69,44,0.26);
    --chip-sage: rgba(82,109,72,0.3);
    --chip-stone: rgba(185,164,136,0.24);
    --accent-ink: #D6735A;
    --good: #759866;
    --btn-bg: #FAF7F2;
    --btn-bg-hover: #E7E4DF;
    --btn-ink: #2B2724;
    --shadow: none;
    --focus: 2px solid #935D00;
    --wm-light: none;
    --wm-dark: block;
  }
}

:root[data-theme="dark"] {
  --bg: #2B2724;
  --card: #393632;
  --ink: #FAF7F2;
  --ink-2: rgba(250,247,242,0.8);
  --ink-3: rgba(250,247,242,0.66);
  --ink-4: rgba(250,247,242,0.38);
  --line: rgba(250,247,242,0.12);
  --line-strong: rgba(250,247,242,0.24);
  --line-soft: rgba(185,164,136,0.22);
  --band: rgba(250,247,242,0.045);
  --chip-terra: rgba(168,69,44,0.26);
  --chip-sage: rgba(82,109,72,0.3);
  --chip-stone: rgba(185,164,136,0.24);
  --accent-ink: #D6735A;
  --good: #759866;
  --btn-bg: #FAF7F2;
  --btn-bg-hover: #E7E4DF;
  --btn-ink: #2B2724;
  --shadow: none;
  --focus: 2px solid #935D00;
  --wm-light: none;
  --wm-dark: block;
}