@layer tokens {
  /* Shared TGK canvas. Pillar sheets may override accent tokens only. */
  [data-theme="light"] {
    --bg-opacity: 0.20 !important;
    --bg-primary: #f3efe7 !important;
    --bg-secondary: #e8e1d7 !important;
    --bg-wash: rgba(243, 239, 231, 0.94) !important;
    --bg: var(--bg-primary) !important;
    --overlay-bg-gradient: linear-gradient(to right, rgba(243, 239, 231, 0.46), rgba(233, 226, 216, 0.34)) !important;
    --bg-gradient: var(--overlay-bg-gradient) !important;
    --bg-alt: #eee8de !important;
    --bg-surface: #e9e2d8 !important;
    --section-bg-top: #ebe5dc !important;
    --section-bg-bottom: #e2dad0 !important;

    --text-primary: #211f1b !important;
    --text-secondary: #5f5a52 !important;
    --text-muted: #777067 !important;
    --text-base: var(--text-primary) !important;

    --text-accent: #775e40 !important;
    --accent: var(--text-accent) !important;
    --accent-page: #d9ad75 !important;
    --highlight: #efc996 !important;
    --glyph-color: #d0a267 !important;
    --strong-text: #615039 !important;
    --cite-color: #a48358 !important;

    --section-border: rgba(119, 94, 64, 0.28) !important;
    --border-accent: rgba(190, 139, 84, 0.34) !important;
    --card-gradient: color-mix(in srgb, var(--bg-secondary) 94%, var(--highlight) 6%) !important;
    --link-color: var(--text-accent) !important;
    --link-hover: var(--highlight) !important;

    --shadow-glow: rgba(201, 145, 84, 0.30) !important;
    --page-box-shadow: 0 0 20px rgba(35, 31, 26, 0.10) !important;
    --page-shadow-soft: 0 12px 28px rgba(33, 31, 27, 0.10) !important;
    --glow-soft: 0 10px 22px rgba(200, 154, 95, 0.20) !important;
    --glow-strong: 0 18px 32px rgba(200, 154, 95, 0.28) !important;

    --input-bg: var(--bg-secondary) !important;
    --input-bg-focus: var(--bg-primary) !important;
    --input-border: rgba(220, 176, 122, 0.30) !important;
    --input-text: var(--text-primary) !important;
    --input-placeholder: rgba(31, 28, 22, 0.52) !important;
    --badge-bg: rgba(215, 151, 86, 0.4) !important;
    --badge-text: #201c15 !important;
    --badge-border: rgba(208, 162, 103, 0.44) !important;
    --badge-shadow: 0 2px 8px rgba(200, 154, 95, 0.26) !important;
    --footer-opacity: 0.86 !important;
  }

  [data-theme="dark"] {
    --bg-opacity: 0.18 !important;
    --bg-primary: #0d0d0c !important;
    --bg-secondary: #171716 !important;
    --bg-wash: rgba(13, 13, 12, 0.95) !important;
    --bg: var(--bg-primary) !important;
    --overlay-bg-gradient: linear-gradient(to right, rgba(13, 13, 12, 0.46), rgba(31, 30, 28, 0.34)) !important;
    --bg-gradient: var(--overlay-bg-gradient) !important;
    --bg-alt: rgba(24, 24, 23, 0.96) !important;
    --bg-surface: rgba(18, 18, 17, 0.92) !important;
    --section-bg-top: #1b1b1a !important;
    --section-bg-bottom: #242321 !important;

    --text-primary: #eee8de !important;
    --text-secondary: #c8c0b5 !important;
    --text-muted: #9c958b !important;
    --text-base: var(--text-primary) !important;

    --text-accent: #d1a66e !important;
    --accent: var(--text-accent) !important;
    --accent-page: #e0b983 !important;
    --highlight: #e9c58f !important;
    --glyph-color: #dfb177 !important;
    --strong-text: #efcca0 !important;
    --cite-color: #dfb177 !important;

    --section-border: rgba(209, 166, 110, 0.34) !important;
    --border-accent: rgba(194, 150, 91, 0.36) !important;
    --card-gradient: color-mix(in srgb, var(--bg-secondary) 94%, var(--highlight) 6%) !important;
    --link-color: var(--text-accent) !important;
    --link-hover: var(--highlight) !important;

    --shadow-glow: rgba(222, 178, 116, 0.34) !important;
    --page-box-shadow: 0 0 24px rgba(194, 150, 91, 0.20) !important;
    --page-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.34) !important;
    --glow-soft: 0 12px 26px rgba(222, 178, 116, 0.24) !important;
    --glow-strong: 0 20px 36px rgba(222, 178, 116, 0.34) !important;

    --input-bg: var(--bg-secondary) !important;
    --input-bg-focus: var(--section-bg-bottom) !important;
    --input-border: rgba(255, 255, 255, 0.18) !important;
    --input-text: #f6e2be !important;
    --input-placeholder: rgba(246, 226, 190, 0.58) !important;
    --badge-bg: rgba(217, 171, 108, 0.46) !important;
    --badge-text: #f6dfbb !important;
    --badge-border: rgba(223, 177, 119, 0.52) !important;
    --badge-shadow: 0 2px 8px rgba(233, 197, 143, 0.30) !important;
    --footer-opacity: 0.84 !important;
  }
}