/* =====================================================================
   KSS PART ONE: TRAIN THE TRAINER THEME, html[data-theme="ttt"]
   Document-control ink and brass: a deep slate-ink ground, the Academy's
   metallic gold, and a muted seal rose for the regional centre.
   ===================================================================== */
html[data-theme="ttt"] {
  --forest: #111621;
  --forest-2: #18202e;
  --moss: #3a4458;
  --sea: #8ea3c4;
  --spume: #d3dae6;
  --glow: #eef1f6;

  --gold: #cdb06e;
  --gold-lo: #8f7642;
  --gold-hi: #ecd9a8;

  --surface: #0e131c;
  --surface-2: #151b27;
  --surface-3: #1d2534;
  --line: rgba(236, 217, 168, 0.12);
  --line-2: rgba(236, 217, 168, 0.24);
  --text: #ebe8e1;
  --text-dim: #b6b3ab;
  --text-faint: #85837d;
}
html[data-theme="ttt"] body::before {
  background:
    radial-gradient(1200px 700px at 10% -10%, rgba(217, 128, 138, 0.10), transparent 60%),
    radial-gradient(900px 600px at 92% 4%, rgba(205, 176, 110, 0.15), transparent 62%),
    radial-gradient(1000px 800px at 50% 108%, rgba(6, 9, 14, 0.9), transparent 60%),
    linear-gradient(175deg, #0b0f17 0%, #141a26 45%, #0b0f17 100%);
}
html[data-theme="ttt"] .step .n { background: linear-gradient(140deg, rgba(205, 176, 110, 0.32), rgba(24, 32, 46, 0.6)); }
html[data-theme="ttt"] .fig img, html[data-theme="ttt"] .product img { background: #fff; border-radius: 12px; }

/* re-cut the shared marine surfaces in ink and brass */
html[data-theme="ttt"] { --veil: 14, 19, 28; }
html[data-theme="ttt"] .svgfig,
html[data-theme="ttt"] .sq-scene { background: linear-gradient(165deg, rgba(205, 176, 110, 0.08), rgba(11, 15, 23, 0.88)); }
html[data-theme="ttt"] .panel { background: linear-gradient(165deg, rgba(205, 176, 110, 0.11), rgba(14, 19, 28, 0.82)); }
html[data-theme="ttt"] .product { background: linear-gradient(120deg, rgba(205, 176, 110, 0.11), rgba(14, 19, 28, 0.72)); }
html[data-theme="ttt"] .gamecard { background: linear-gradient(150deg, rgba(217, 128, 138, 0.13), rgba(11, 15, 23, 0.92)); }
html[data-theme="ttt"] .tl-panel { background: linear-gradient(160deg, var(--surface-2), rgba(11, 15, 23, 0.6)); }