:root {
  /* World / grid */
  --world-size: 200;
  --grid-cell-size: 1;
  --brick-height: 0.6;

  /* Scene colours */
  --color-sky: #8fd0f0;
  --color-ground: #5f8a4c;
  --color-grid-line: #ffffff;

  /* Grid targeting highlight */
  --color-highlight-valid: #4caf50;
  --color-highlight-invalid: #e5453e;

  /* Brick palette (index order = hotkeys 1-9, then 0 for the 10th) */
  --brick-color-1: #d5352e; /* red */
  --brick-color-2: #f2c230; /* yellow */
  --brick-color-3: #2f6fdd; /* blue */
  --brick-color-4: #3aa655; /* green */
  --brick-color-5: #f2f2f2; /* white */
  --brick-color-6: #2b2b2b; /* black */
  --brick-color-7: #e67e22; /* orange */
  --brick-color-8: #5fc4e0; /* azure */
  --brick-color-9: #7b3f9d; /* purple */
  --brick-color-10: #5a3825; /* brown */

  /* HUD chrome */
  --font-hud: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-size-sm: 11px;
  --swatch-size: 40px;
  --font-size-swatch-key: 12px;
  --color-swatch-key: #ffffff;
  --color-swatch-key-shadow: rgba(0, 0, 0, 0.85);
  --swatch-reset-size: 16px;
  --font-size-swatch-reset: 11px;
  --color-swatch-reset-bg: rgba(20, 20, 22, 0.9);
  --color-swatch-reset-text: #f2f2f2;
  --color-swatch-reset-border: rgba(255, 255, 255, 0.4);
  --color-hud-bg: rgba(20, 20, 22, 0.72);
  --color-hud-border: rgba(255, 255, 255, 0.18);
  --color-hud-text: #f2f2f2;
  --color-hud-muted: rgba(242, 242, 242, 0.65);
  --color-error-bg: rgba(180, 40, 30, 0.85);
  --color-success-bg: rgba(40, 130, 60, 0.85);
  --spacing-hud: 12px;
  --radius-hud: 8px;

  /* Lobby connection status */
  --color-status-connected: #4caf50;
  --color-status-connecting: #e0a52c;
  --color-status-reconnecting: #e0a52c;
  --color-status-error: #e5453e;

  /* Landing screen & settings panel — shared visual identity */
  --color-landing-bg: #1a1a1a;
  --color-landing-bg-1: #131318;
  --color-landing-bg-2: #21232e;
  --color-accent: #d5352e;
  --color-accent-hover: #e5453e;
  --color-accent-text: #ffffff;
  --shadow-panel: 0 24px 60px rgba(0, 0, 0, 0.5);
  --font-size-title: 26px;
  --font-size-subtitle: 13px;
  --font-size-label: 12px;
  --font-size-code: 28px;
  --letter-spacing-title: 0.01em;
}