/* =====================================================================
   KRX PHOTO PEN THEME, html[data-theme="krx"]
   Brushed aluminium and champagne, with the cartridge's coral as accent.
   ===================================================================== */
html[data-theme="krx"] {
  --forest: #1d1a17;
  --forest-2: #27231f;
  --moss: #4d463e;
  --sea: #b9a58a;
  --spume: #e2d3bc;
  --glow: #f4ebdd;

  --gold: #d4b47a;
  --gold-lo: #957a48;
  --gold-hi: #f0dcae;

  --surface: #16130f;
  --surface-2: #1d1a16;
  --surface-3: #27231e;
  --line: rgba(240, 220, 174, 0.12);
  --line-2: rgba(240, 220, 174, 0.24);
  --text: #ece8e2;
  --text-dim: #b9b2a8;
  --text-faint: #857e75;
}
html[data-theme="krx"] body::before {
  background:
    radial-gradient(1200px 700px at 12% -10%, rgba(255, 122, 77, 0.12), transparent 60%),
    radial-gradient(900px 600px at 92% 6%, rgba(212, 180, 122, 0.16), transparent 62%),
    radial-gradient(1000px 800px at 50% 108%, rgba(10, 9, 8, 0.9), transparent 60%),
    linear-gradient(175deg, #100e0c 0%, #1a1714 45%, #100e0c 100%);
}
html[data-theme="krx"] .step .n { background: linear-gradient(140deg, rgba(255, 122, 77, 0.3), rgba(39, 35, 31, 0.6)); }
html[data-theme="krx"] .fig img, html[data-theme="krx"] .product img { background: #fff; border-radius: 12px; }

/* the shared surfaces are cut in marine green; re-cut them in champagne */
html[data-theme="krx"] { --veil: 22, 19, 15; }
html[data-theme="krx"] .svgfig,
html[data-theme="krx"] .sq-scene { background: linear-gradient(165deg, rgba(212, 180, 122, 0.10), rgba(16, 14, 12, 0.85)); }
html[data-theme="krx"] .panel { background: linear-gradient(165deg, rgba(212, 180, 122, 0.12), rgba(22, 19, 15, 0.8)); }
html[data-theme="krx"] .product { background: linear-gradient(120deg, rgba(212, 180, 122, 0.12), rgba(22, 19, 15, 0.7)); }
html[data-theme="krx"] .gamecard { background: linear-gradient(150deg, rgba(255, 122, 77, 0.14), rgba(16, 14, 12, 0.92)); }
html[data-theme="krx"] .tl-panel { background: linear-gradient(160deg, var(--surface-2), rgba(16, 14, 12, 0.6)); }