/* Coral — dark palette for the shared page chrome (assets/base/page.css).
 *
 * page.css defaults to the incumbent's light game-site palette; every value it
 * uses is a custom property precisely so a site can supply its own. Coral is a
 * platform site rather than a game, so its utility pages (404) and its legal
 * page follow the ENGINE's identity — the same near-black ground and coral
 * accent as index.html — instead of a game's.
 *
 * Keep these in step with the `:root` block in index.html when the brand
 * moves: the landing page owns its own styles by design (a word game and a
 * backgammon game have no business sharing a hero), so the two are related by
 * this comment and nothing else.
 */
:root {
  --wc-ink: #E9F0F8;
  --wc-muted: #93A7BE;
  --wc-accent: #FF6F5E;
  --wc-page-bg: linear-gradient(165deg, #070B10 0%, #0B1119 55%, #101927 100%);
  --wc-card-bg: #101927;
  --wc-card-border: rgba(148, 176, 209, 0.16);
  --wc-card-radius: 16px;
  --wc-rule: rgba(148, 176, 209, 0.14);
  --wc-badge-bg: #16212F;
  --wc-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --wc-font-display: "Space Grotesk", var(--wc-font-body);
}

/* page.css draws the card shadow as a hard offset in the border colour, which
 * reads as a seam on a dark ground rather than as depth. */
.doc .card { box-shadow: none; border-width: 1px; }
.doc a.back { color: var(--wc-muted); }
.doc a.back:hover { color: var(--wc-ink); }