:root {
  /* Shared surfaces and readable interaction states */
  --surface-workspace: rgba(0, 0, 0, 0.7);
  --surface-panel: linear-gradient(180deg, #111c21, #091216);
  --surface-input: #060e12;
  --surface-selected: rgba(240, 165, 26, 0.12);
  --focus-ring: #8fd8ee;
  --text-strong: #f8f3e6;
  --text-secondary: #d8e8ec;
  --text-title: #fff4db;

  /* Shared button paints; geometry belongs to tactical.css. */
  --command-fill: linear-gradient(180deg, rgba(240, 165, 26, 0.38), rgba(120, 70, 10, 0.55));
  --command-border: linear-gradient(180deg, rgba(255, 205, 111, 0.72), rgba(138, 86, 18, 0.92));
  --command-hover-fill: linear-gradient(180deg, rgba(255, 186, 58, 0.5), rgba(140, 81, 12, 0.7));
  --command-hover-border: linear-gradient(180deg, rgba(255, 231, 177, 0.94), rgba(176, 108, 20, 0.96));
  --danger-fill: linear-gradient(180deg, rgba(228, 65, 37, 0.42), rgba(94, 19, 12, 0.7));
  --danger-border: linear-gradient(180deg, rgba(247, 167, 149, 0.84), rgba(111, 32, 17, 0.94));

  /* Core background */
  --bg-main: #05090b;
  --bg-panel: #071014;
  --bg-panel-strong: #0b151a;
  --bg-panel-soft: rgba(9, 18, 22, 0.88);

  /* Borders and metal lines */
  --border-dark: #1c2a2f;
  --border-muted: #2d3a3f;
  --border-bright: #7a5830;
  --border-gold: #b87918;

  /* Primary UI colours */
  --gold: #f0a51a;
  --gold-soft: #c98216;
  --gold-dim: #7b5217;

  /* Text */
  --text-main: #f1efe8;
  --text-muted: #bdc8cc;
  --text-dim: #666a6b;
  --text-heading: #f0c16a;

  /* Status */
  --success: #7bb342;
  --danger: #e44125;
  --warning: #f0a51a;
  --info: #2ab6d6;
  --blue: #4f9cff;
  --purple: #a45be8;
  --purple-rgb: 164, 91, 232;
  --red: #f04b2f;
  --green: #8bc34a;
  --cyan: #26c6da;

  /* Active control state */
  --active-purple-text: #fbf7ff;
  --active-purple-inner: rgba(48, 18, 84, 0.94);
  --active-purple-fill: linear-gradient(180deg, rgba(101, 48, 156, 0.72), rgba(45, 18, 82, 0.96));
  --active-purple-fill-hover: linear-gradient(180deg, rgba(126, 62, 184, 0.8), rgba(56, 24, 98, 0.98));
  --active-purple-fill-pressed: linear-gradient(180deg, rgba(80, 34, 132, 0.82), rgba(35, 13, 68, 0.98));
  --active-purple-border: linear-gradient(180deg, rgba(235, 210, 255, 0.96), rgba(var(--purple-rgb), 0.98));
  --active-purple-border-soft: linear-gradient(180deg, rgba(218, 181, 250, 0.78), rgba(118, 62, 180, 0.94));
  --active-purple-glow: rgba(126, 62, 184, 0.34);

  /* Transparent overlays */
  --glass: rgba(255, 255, 255, 0.03);
  --shadow-deep: rgba(0, 0, 0, 0.75);
}