:root{

  /* существующие переменные */

  --bg:#0a0e17;
  --bg-surface:#141c2b;
  --bg-elevated:#1c2739;

  --border:#2a3a52;

  --text:#e1e8f0;
  --text-dim:#8899aa;
  --text-bright:#ffffff;

  --accent:#3b8beb;
  --accent-hover:#5a9ff0;
  --accent-glow:rgba(59,139,235,.30);

  --danger:#e74c3c;
  --warning:#f39c12;
  --success:#2ecc71;

  --cell-empty:#1a2740;
  --cell-fog:#2a3a55;
  --cell-fog-revealed:#000000;

  --cell-ship:#010813;
  --cell-ship-light-dmg:#6b5a3a;
  --cell-ship-heavy-dmg:#3a2a1a;
  --cell-ship-destroyed:#5a2020;

  --cell-mine:#8b3a3a;

  --smoke-light:rgba(200,170,80,.8);
  --smoke-heavy:rgba(80,40,20,.9);

  --fire:rgba(255,80,20,.85);
  --fire-glow:rgba(255,40,0,.50);

  --cell-size:48px;
  --cell-gap:2px;
  --board-padding:8px;

  --border-radius:8px;

  --font:'Segoe UI',system-ui,-apple-system,sans-serif;

  --shadow-sm:0 1px 3px rgba(0,0,0,.30);
  --shadow-md:0 6px 18px rgba(0,0,0,.45);
  --shadow-lg:0 18px 45px rgba(0,0,0,.60);

  --transition-fast:.15s ease;
  --transition-normal:.25s ease;





  /* =====================================================
     НОВЫЕ ПЕРЕМЕННЫЕ
     ===================================================== */

  --water-deep:#07121f;
  --water-mid:#0f233c;
  --water-light:#1a3958;
  /*--water-light:#1d4268;*/
  --water-highlight:#62c5ff;

  --steel-dark:#202a36;
  --steel:#46586e;
  --steel-light:#8da8c4;

  --grid-line:#2c4866;
  --grid-line-light:#5aa8ff;

  --cell-inner-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      inset 0 -2px 5px rgba(0,0,0,.45);

  --cell-outer-shadow:
      0 1px 2px rgba(0,0,0,.40),
      0 4px 10px rgba(0,0,0,.35);

  --board-glow:
      0 0 18px rgba(41,126,215,.12);

}