@layer tokens {
  /* The Forge accent contract. Shared TGK tokens own surfaces and typography. */
  html[data-theme="light"] body.aqua {
    --text-accent: #9a6335;
    --accent: var(--text-accent);
    --accent-page: #b0733f;
    --highlight: #dfad72;
    --glyph-color: #a96a36;
    --strong-text: #74451f;
    --cite-color: #7d4b22;
    --link-color: var(--text-accent);
    --link-hover: var(--accent-page);
    --border-accent: rgba(154, 99, 53, 0.34);
    --gold-border: var(--border-accent);
    --gold-tone: var(--glyph-color);
    --soft-gold: var(--highlight);
    --golden-blaze: #edc28f;
    --accent-soft: rgba(154, 99, 53, 0.22);
    --accent-soft-glow: rgba(154, 99, 53, 0.32);
    --accent-glow: rgba(223, 173, 114, 0.58);
    --accent-gradient: linear-gradient(145deg, #dfad72, #b0733f);
  }

  html[data-theme="dark"] body.aqua {
    --text-accent: #e0ad78;
    --accent: var(--text-accent);
    --accent-page: #e8b982;
    --highlight: #f0c996;
    --glyph-color: #e8b77e;
    --strong-text: #f0cda0;
    --cite-color: #e8b982;
    --link-color: var(--text-accent);
    --link-hover: var(--accent-page);
    --border-accent: rgba(224, 173, 120, 0.42);
    --gold-border: var(--border-accent);
    --gold-tone: var(--glyph-color);
    --soft-gold: var(--highlight);
    --golden-blaze: #f6d7ae;
    --accent-soft: rgba(224, 173, 120, 0.22);
    --accent-soft-glow: rgba(224, 173, 120, 0.32);
    --accent-glow: rgba(240, 201, 150, 0.5);
    --accent-gradient: linear-gradient(145deg, #f0c996, #be7b43);
  }

  html[data-theme="light"] body.aqua,
  html[data-theme="dark"] body.aqua {
    --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);
  }
}