/* =====================================================================
   CODE COMMANDERS · LOOK AND FEEL
   Change colours and fonts here and the whole site updates.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito:wght@400;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap");

:root {
  /* deep-space surfaces */
  --void:  #0A0E2A;   /* page background */
  --hull:  #141A45;   /* panels */
  --hull2: #1B2257;   /* raised / hover */
  --line:  #2C3578;   /* borders */

  /* text */
  --text:  #EEF0FF;
  --muted: #A3AADB;

  /* signal colours */
  --gold:     #FFC23D;  /* main accent: XP, buttons, current step */
  --gold-ink: #2A1C00;  /* text on gold */
  --coral:    #FF7A5C;  /* hints, warnings */
  --mint:     #46DE9E;  /* done, success, test flight */

  --display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;
  --body:    "Nunito", "Segoe UI", system-ui, sans-serif;
  --mono:    "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  --radius: 12px;
  --bar-h: 56px;
  --panel-w: 380px;
  color-scheme: dark;
}