/* ==========================================================
   FULL WIKI THEME — MERGED CSS
   Files combined: Variables.css, home.css, articles.css
   Drop each section into its corresponding file, or paste this whole file
   and split by the section comments. This is a full-site deluxe theme:
   - unified color variables
   - upgraded home hero (frosted glass + ambient + parallax-ready)
   - full articles styling (original rules preserved) + fancy theme layer
   - accessibility & reduced-motion support
   ==========================================================

/* =========================
   VARIABLES.CSS  (TOP)
   ========================= */
:root {
  --bg-forest-dark: #081218;
  --bg-forest-deep: #051320;

  --panel: rgba(20,20,40,0.55);
  --panel-strong: rgba(15,23,38,0.85);

  /* Unified refined palette */
  --accent: #b8e0ff;           /* pale blue */
  --accent-dim: #89b8e0;

  --accent-gold: #f2c57c;      /* warmer lore gold */
  --accent-gold-dark: #c59a3e;
  --accent-gold-soft: rgba(242,197,124,0.16);
  --accent-gold-hover: rgba(242,197,124,0.28);

  --muted: #9faabf;

  --glass: rgba(12,16,24,0.45);
  --glass-strong: rgba(18,22,32,0.55);
  --glass-blur: 14px;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Theme expansions */
  --frost-ice: #a0d8ff;
  --frost-ice-2: #e0f7ff;
  --frost-text: #00334d;

  --machine-base: #2a2a2a;
  --machine-base-2: #444;
  --machine-accent: #4cc9f0;

  --lore-base: #2b1a0f;
  --lore-base-2: #55331f;
  --lore-accent: #ffdca3;

  --bg-hero-dim: rgba(8,11,14,0.55);
  --glow-strength: 0.55;
}

/* High contrast mode overrides (merged from accessibility.css) */
@media (prefers-contrast: high) {
  :root {
    --accent-gold: #ffdd44;
    --accent-gold-dark: #cc9900;
    --muted: #ffffff;
  }
}

/* Color-scheme tweaks */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-forest-dark: #000811;
    --bg-forest-deep: #000510;
  }
}

/* Global resets */
* { box-sizing: border-box; margin:0; padding:0; }
html,body { height:100%; }
body {
  font-family: "Kensmark One", "Inter", system-ui, sans-serif;
  font-weight: 500;
  background: linear-gradient(180deg, var(--bg-forest-dark), var(--bg-forest-deep));
  color: #eaf3ff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}