/* ══════════════════════════════════════════
   TOKENS & VARIABLES
══════════════════════════════════════════ */
:root{
  --gold:      #C8860A;
  --gold-deep: #B8730A;
  --gold-lt:   #E8A820;
  --gold-pale: #F5D590;
  --cream:     #FDF6E3;
  --cream2:    #FAF0D7;
  --brown:     #3A2200;
  --brown2:    #6B3F00;
  --white:     #fff;
  --r:         4px;
  --sh:        0 4px 24px rgba(184,115,10,.12);
}

/* ══════════════════════════════════════════
   LANGUAGE VISIBILITY
══════════════════════════════════════════ */
[data-lang]{display:none}
[data-lang].on{display:block}
span[data-lang].on{display:inline}
li[data-lang].on{display:list-item}
a[data-lang].on{display:inline-block}

/* ══════════════════════════════════════════
   PER-LANGUAGE FONTS
══════════════════════════════════════════ */
html[lang="vi"] body{font-family:'Be Vietnam Pro',sans-serif}
html[lang="vi"] .script{font-family:'Dancing Script',cursive}
html[lang="vi"] h1,html[lang="vi"] h2,html[lang="vi"] h3,
html[lang="vi"] .cinzel{font-family:'Playfair Display',serif;letter-spacing:.02em}

html[lang="zh"] body{font-family:'Noto Sans SC',sans-serif}
html[lang="zh"] .script{font-family:'Liu Jian Mao Cao',cursive}
html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3,
html[lang="zh"] .cinzel{font-family:'Noto Serif SC',serif;letter-spacing:.06em}
html[lang="zh"] .italic{font-style:normal}

html[lang="ko"] body{font-family:'Noto Sans KR',sans-serif}
html[lang="ko"] .script{font-family:'Nanum Brush Script',cursive}
html[lang="ko"] h1,html[lang="ko"] h2,html[lang="ko"] h3,
html[lang="ko"] .cinzel{font-family:'Noto Serif KR',serif;letter-spacing:.02em}
html[lang="ko"] .italic{font-style:normal}