/**
 * SpliceTracker.io Theme System
 * 5 Selectable UI Themes
 */

/* Theme 1 — Core (Default) */
.theme-core {
  --primary: #1A73E8;
  --black: #0A0A0A;
  --white: #FFFFFF;
  --gray-light: #F5F5F5;
  --gray-muted: #6B7280;

  --bg: var(--white);
  --text: var(--black);
  --panel: var(--gray-light);
  --border: var(--gray-muted);
}

/* Theme 2 — Dark Fiber */
.theme-dark {
  --primary: #1A73E8;
  --background: #0C0C0C;
  --panel: #1A1A1A;
  --text: #FFFFFF;
  --muted: #B0B0B0;
  --border: #2C2C2C;

  --bg: var(--background);
}

/* Theme 3 — Blueprint Engineering */
.theme-blueprint {
  --primary: #0B3C87;
  --bg-light: #E7EEF9;
  --white: #FFFFFF;
  --border: #C8D1E2;
  --text-dark: #0A0A0A;

  --bg: var(--bg-light);
  --text: var(--text-dark);
  --panel: var(--white);
}

/* Theme 4 — Ultra-Minimal Monochrome */
.theme-mono {
  --primary: #1A73E8;
  --black: #000000;
  --off-black: #111111;
  --gray: #333333;
  --white: #FFFFFF;

  --bg: var(--white);
  --text: var(--off-black);
  --panel: #FAFAFA;
  --border: var(--gray);
}

/* Theme 5 — Field (High Visibility) */
.theme-field {
  --primary: #005BBB;
  --background: #FFFFFF;
  --text: #1B1B1B;
  --panel: #F4F4F4;
  --border: #CCCCCC;
  --highlight: #E6F0FF;

  --bg: var(--background);
}