/* MUTAV brand tokens v1.0 (2026-11-07). */
:root {
  /* Core palette */
  --mutav-obsidian:   #0E0F11;
  --mutav-surface:    #16181C;
  --mutav-border-dk:  #2A2D33;
  --mutav-warm-white: #F0F0EE;
  --mutav-mute:       #8A8F99;
  --mutav-paper:      #F7F6F3;
  --mutav-ink:        #1A1A1A;
  --mutav-stone:      #6B6860;
  --mutav-rule:       #D9D7D2;
  --mutav-amber:      #E8A020; /* brand colour; logo + fills on obsidian */
  --mutav-amber-deep: #C47E10; /* logo, fills, rules, headlines >= 24px on paper; never small text */

  /* Type */
  --mutav-font-logo: "Outfit", sans-serif;          /* 800, logo artwork only */
  --mutav-font-sans: "DM Sans", Arial, Helvetica, sans-serif;
  --mutav-font-mono: "JetBrains Mono", "Courier New", monospace;
}

/* Light (paper) theme */
.mutav-light, :root {
  --canvas: var(--mutav-paper); --text: var(--mutav-ink); --text-2: var(--mutav-stone);
  --border: var(--mutav-rule); --accent: var(--mutav-amber-deep);
}
/* Dark (obsidian) theme */
.mutav-dark {
  --canvas: var(--mutav-obsidian); --text: var(--mutav-warm-white); --text-2: var(--mutav-mute);
  --border: var(--mutav-border-dk); --accent: var(--mutav-amber);
}