@layer tokens {
  /*
    The Vault accent contract (Pillar: vault).

    Shared TGK tokens own backgrounds, surfaces, typography, shadows, inputs,
    badges, headers and footers. This file supplies only the vault accent.
  */

  html[data-theme="dark"] body.vault {
    --text-accent: #b08a5f;
    --accent: var(--text-accent);
    --accent-page: #b8af9c;
    --highlight: #d7b387;
    --glyph-color: #d8d0c0;
    --strong-text: #b8af9c;
    --cite-color: #b8af9c;
    --link-color: var(--text-accent);
    --link-hover: var(--accent-page);
    --border-accent: rgba(170, 155, 125, 0.42);

    /* Legacy aliases remain accent-only compatibility tokens. */
    --gold-border: var(--border-accent);
    --gold-tone: var(--glyph-color);
    --soft-gold: var(--highlight);
    --golden-blaze: #e5dccc;
    --accent-soft: rgba(170, 155, 125, 0.24);
    --accent-soft-glow: rgba(170, 155, 125, 0.34);
    --accent-glow: rgba(208, 198, 176, 0.52);
    --accent-gradient: linear-gradient(145deg, #d0c6b0, #a89f8a);
  }

  html[data-theme="light"] body.vault {
    --text-accent: #b08a5f;
    --accent: var(--text-accent);
    --accent-page: #9a917f;
    --highlight: #d7b387;
    --glyph-color: #b8aa92;
    --strong-text: #6b6455;
    --cite-color: #6b6455;
    --link-color: var(--text-accent);
    --link-hover: var(--accent-page);
    --border-accent: rgba(155, 140, 110, 0.32);

    --gold-border: var(--border-accent);
    --gold-tone: var(--glyph-color);
    --soft-gold: var(--highlight);
    --golden-blaze: #e8e2d4;
    --accent-soft: rgba(155, 140, 110, 0.26);
    --accent-soft-glow: rgba(155, 140, 110, 0.36);
    --accent-glow: rgba(196, 185, 162, 0.72);
    --accent-gradient: linear-gradient(145deg, #c4b9a2, #6b6455);
  }

  html[data-theme="light"] body.vault,
  html[data-theme="dark"] body.vault {
    --hero-overlay-text: #e3d5bd;
    --hero-overlay-subtext: color-mix(in srgb, #e3d5bd 96%, transparent);
    --hero-overlay-rule: color-mix(in srgb, #e3d5bd 88%, transparent);
    --hero-overlay-cta-text: #e3d5bd;
    --hero-overlay-cta-border: color-mix(in srgb, #e3d5bd 82%, transparent);
    --hero-overlay-cta-border-strong: color-mix(in srgb, #e3d5bd 100%, transparent);
    --hero-overlay-cta-inner-border: color-mix(in srgb, #e3d5bd 48%, transparent);
    --hero-overlay-cta-inner-shadow: inset 0 0 8px color-mix(in srgb, #e3d5bd 12%, transparent);
  }
}