:root {
  /* Core palette — solid, no heavy transparency */
  --nebula-color-bg:         #070a14;
  --nebula-color-bg-deep:    #050810;
  --nebula-color-sidebar:    #0a0c18;
  --nebula-color-panel:      #0d1020;
  --nebula-color-panel-alt:  #111425;
  --nebula-color-border:     rgba(255, 255, 255, 0.08);
  --nebula-color-border-mid: rgba(255, 255, 255, 0.14);

  --nebula-color-text:       #f2f7ff;
  --nebula-color-muted:      #7a8fa8;

  /* Neon accents */
  --nebula-color-accent:     #4fd8ff;
  --nebula-color-purple:     #9d4fe0;
  --nebula-color-danger:     #ff4f6b;
  --nebula-color-success:    #4fff88;
  --nebula-color-focus:      #4fd8ff;

  /* Controller button colours (flat solid) */
  --btn-a: #4caf50;
  --btn-b: #f44336;
  --btn-x: #2196f3;
  --btn-y: #ff9800;

  --nebula-spacing-xs:  6px;
  --nebula-spacing-sm:  10px;
  --nebula-spacing-md:  16px;
  --nebula-spacing-lg:  24px;
  --nebula-spacing-xl:  36px;

  --nebula-radius-sm:   6px;
  --nebula-radius-md:   10px;
  --nebula-radius-lg:   16px;
  --nebula-radius-pill: 999px;

  --nebula-type-body:    18px;
  --nebula-type-title:   24px;
  --nebula-type-display: 34px;

  --nebula-ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --nebula-ease-console:  cubic-bezier(0.19, 0.82, 0.18, 1);
  --nebula-ease-snap:     cubic-bezier(0.32, 0.94, 0.18, 1);

  --nebula-duration-fast: 100ms;
  --nebula-duration-nav:  160ms;
  --nebula-duration-slow: 300ms;

  /* No glow/shadow — flat */
  --nebula-depth-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);

  /* Overlay backdrop (power menu, etc.) — kept solid/dark */
  --nebula-color-overlay: rgba(5, 7, 18, 0.88);

  /* Backward-compat aliases */
  --nebula-color-panelAlt:   #111425;
}
