:root {
  --text-scale: 1;
  --gold: #d4af37;
  --page: #0b0b0e;
  --panel: #16161a;
  --nav: #111;
  --ink: #e0e0e0;
  --muted: #9a9a9a;
  --card: #1c1c24;
  --shloka: #8b0000;
  --heading: #990000;
  --hero-a: #f8edd4;
  --hero-b: #e2c99b;
  --hero-c: #af8548;
  --hero-ink: #2b1d0c;
  --translit: #2b1d0c;
  --line: rgba(212, 175, 55, 0.2);
  --btn-on-ink: #111;
  --gutter: 16px;
  --copy-pad: 20px;
  --inset: 20px;
  --type-base: 17px;
  --type-body: 1.18rem;
  --type-deva: 1.38rem;
  --type-shloka: 2rem;
  --scene-col: min(640px, 50vw);
  --wp-cell-bg: rgba(255, 248, 231, 0.55);
  --wp-cell-line: rgba(43, 29, 12, 0.18);
}

html[data-size="sm"] { --text-scale: 0.95; }
html[data-size="md"] { --text-scale: 1.12; }
html[data-size="lg"] { --text-scale: 1.28; }

html[data-theme="parchment"] {
  --page: #efe4cc;
  --panel: #f7f0dc;
  --nav: #e8d9b4;
  --ink: #2b1d0c;
  --muted: #5c4a32;
  --card: #fff8e7;
  --shloka: #7a0000;
  --heading: #7a0000;
  --hero-a: #fff8e7;
  --hero-b: #f0e0b8;
  --hero-c: #c9a45a;
  --hero-ink: #2b1d0c;
  --translit: #3a2a14;
  --line: rgba(122, 80, 10, 0.25);
  --gold: #8a6a14;
  --btn-on-ink: #2b1d0c;
}

html {
  font-size: calc(var(--type-base) * var(--text-scale));
}