@layer tokens {
  /*
    The Teachings accent contract.

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

  html[data-theme="light"] body.plumwine {
    --text-accent: #6e3d59;
    --accent: var(--text-accent);
    --accent-page: #7d4a67;
    --highlight: #ddb5c7;
    --glyph-color: #874d6c;
    --strong-text: #5b2e47;
    --cite-color: #653752;
    --link-color: var(--text-accent);
    --link-hover: var(--accent-page);
    --border-accent: rgba(110, 61, 89, 0.32);

    /* Legacy aliases remain accent-only compatibility tokens. */
    --gold-border: var(--border-accent);
    --gold-tone: var(--glyph-color);
    --soft-gold: var(--highlight);
    --golden-blaze: #ecd1dc;
    --accent-soft: rgba(110, 61, 89, 0.22);
    --accent-soft-glow: rgba(110, 61, 89, 0.32);
    --accent-glow: rgba(221, 181, 199, 0.60);
    --accent-gradient: linear-gradient(145deg, #ddb5c7, #7d4a67);
  }

  html[data-theme="dark"] body.plumwine {
    --text-accent: #d7a6bf;
    --accent: var(--text-accent);
    --accent-page: #c985a9;
    --highlight: #efc5d7;
    --glyph-color: #deafd0;
    --strong-text: #e8bad0;
    --cite-color: #d7a6bf;
    --link-color: var(--text-accent);
    --link-hover: var(--accent-page);
    --border-accent: rgba(215, 166, 191, 0.40);

    --gold-border: var(--border-accent);
    --gold-tone: var(--glyph-color);
    --soft-gold: var(--highlight);
    --golden-blaze: #f3d5e2;
    --accent-soft: rgba(215, 166, 191, 0.22);
    --accent-soft-glow: rgba(215, 166, 191, 0.32);
    --accent-glow: rgba(239, 197, 215, 0.52);
    --accent-gradient: linear-gradient(145deg, #efc5d7, #8e4f72);
  }

  html[data-theme="light"] body.plumwine,
  html[data-theme="dark"] body.plumwine {
    --hero-overlay-text: var(--text-primary);
    --hero-overlay-subtext: var(--text-secondary);
    --hero-overlay-rule: color-mix(in srgb, var(--text-accent) 72%, transparent);
    --hero-overlay-cta-text: var(--text-primary);
    --hero-overlay-cta-border: color-mix(in srgb, var(--text-accent) 72%, transparent);
    --hero-overlay-cta-border-strong: var(--text-accent);
    --hero-overlay-cta-inner-border: color-mix(in srgb, var(--text-accent) 36%, transparent);
    --hero-overlay-cta-inner-shadow: inset 0 0 8px color-mix(in srgb, var(--text-accent) 10%, transparent);
  }
}