/* Control Room theme: re-tunes the Nocturne tokens for the 1a direction. Load after the Nocturne styles.css. */
:root {
  --color-bg: #05060a;
  --color-surface: #0b0f15;
  --color-text: #e8edf2;
  --color-accent: #22e6ff;
  --color-accent-2: #ff2bd6;
  --color-divider: rgba(150, 170, 200, 0.14);

  --color-neutral-100: #f1f5f9;
  --color-neutral-200: #dfe6ee;
  --color-neutral-300: #c3ccd7;
  --color-neutral-400: #a3adb9;
  --color-neutral-500: #8a94a3;
  --color-neutral-600: #6b7686;
  --color-neutral-700: #4a5361;
  --color-neutral-800: #252c36;
  --color-neutral-900: #141920;

  --color-accent-100: #e6fdff;
  --color-accent-200: #b8f7ff;
  --color-accent-300: #7ff0ff;
  --color-accent-400: #4feaff;
  --color-accent-500: #22e6ff;
  --color-accent-600: #12b8cf;
  --color-accent-700: #0d7f90;
  --color-accent-800: #0a4c57;
  --color-accent-900: #062a31;

  --color-accent-2-100: #ffe6fa;
  --color-accent-2-300: #ff8fe9;
  --color-accent-2-500: #ff2bd6;
  --color-accent-2-700: #9c1683;
  --color-accent-2-900: #2e0a28;

  --cloud-aws: #ff2bd6;
  --cloud-azure: #22e6ff;
  --cloud-gcp: #b6ff3b;

  --font-heading: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Space Grotesk", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 6px;

  --shadow-sm: 0 0 0 1px #1b222c;
  --shadow-md: 0 0 0 1px #2a3441, 0 8px 24px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 0 0 1px #3a4656, 0 18px 44px rgba(0, 0, 0, 0.7);
}
body { background: #05060a; }
::selection { background: rgba(34, 230, 255, 0.3); }
.btn { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .06em; font-size: 12px; }
.btn-primary { box-shadow: 0 0 18px rgba(34, 230, 255, 0.2), inset 0 0 12px rgba(34, 230, 255, 0.08); }
.btn-primary:hover { background: rgba(34, 230, 255, 0.12); }
.tag { font-family: var(--font-mono); letter-spacing: .04em; }