/* SQL Space — design tokens
   Two canonical themes; colours live here only; style.css consumes these variables.
   Selection: html[data-theme] — "light-ocean" (default) or "darcula".

   Notes:
   - --oracle-red, --oracle-red-dk and --oracle-red-bd are temporary aliases of
     the accent for existing consumers; they will be renamed/removed later.
   - --hi-top, --lo-bottom and --glow-md are intentionally neutralised (the
     redesign removes glows/embossing). They are interpolated inside
     box-shadow lists, so they must stay valid shadows — never `none`. */

:root, :root[data-theme="light-ocean"] {
  color-scheme: light;
  --bg: #F4F7FB; --bg2: #FFFFFF; --bg3: #E7EDF4; --bg4: #DCE4EE; --sidebar: #EDF2F7; --selected: #DDEEFF;
  --text: #18212B; --text2: #526171; --text3: #526171; --th-text: #526171;
  --line: #CBD4DF; --line2: #A9B5C2; --control-border: #7C8997;
  --accent: #0067B8; --accent-rgb: 0, 103, 184; --accent-text: #0067B8; --on-accent: #FFFFFF; --btn-text: #FFFFFF;
  --oracle-red: #0067B8; --oracle-red-dk: #00528F; --oracle-red-bd: #8CC2EC;
  --green: #157347; --green-rgb: 21, 115, 71; --amber: #805B00; --amber-rgb: 128, 91, 0;
  --danger: #B42318; --danger-rgb: 180, 35, 24; --danger-text: #B42318; --danger-btn: #B42318; --err-text: #B42318;
  --info: #0067B8; --info-rgb: 0, 103, 184; --kw: #6F42C1; --kw-rgb: 111, 66, 193;
  --shadow-1: 0 1px 2px rgba(16,24,40,0.08); --shadow-2: 0 4px 12px rgba(16,24,40,0.10); --shadow-3: 0 12px 32px rgba(16,24,40,0.16);
  --hi-top: 0 0 0 0 transparent; --lo-bottom: 0 0 0 0 transparent;
  --glow-sm: 0 0 0 3px rgba(var(--accent-rgb), 0.25); --glow-md: 0 0 0 0 transparent;
  --on-danger: #FFFFFF; --backdrop: rgba(24, 33, 43, 0.55);
}

:root[data-theme="darcula"] {
  color-scheme: dark;
  --bg: #1F2024; --bg2: #27282D; --bg3: #303238; --bg4: #383A41; --sidebar: #232429; --selected: #183A55;
  --text: #F1F3F5; --text2: #ADB4BF; --text3: #ADB4BF; --th-text: #ADB4BF;
  --line: #41444B; --line2: #555963; --control-border: #7C838E;
  --accent: #69B7FF; --accent-rgb: 105, 183, 255; --accent-text: #69B7FF; --on-accent: #101A24; --btn-text: #101A24;
  --oracle-red: #69B7FF; --oracle-red-dk: #4A9DEB; --oracle-red-bd: #A9D5FF;
  --green: #6FD6A0; --green-rgb: 111, 214, 160; --amber: #F0CA75; --amber-rgb: 240, 202, 117;
  --danger: #FF9A90; --danger-rgb: 255, 154, 144; --danger-text: #FF9A90; --danger-btn: #B42318; --err-text: #FF9A90;
  --info: #69B7FF; --info-rgb: 105, 183, 255; --kw: #C9A2FF; --kw-rgb: 201, 162, 255;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.30); --shadow-2: 0 4px 12px rgba(0,0,0,0.35); --shadow-3: 0 12px 32px rgba(0,0,0,0.45);
  --hi-top: 0 0 0 0 transparent; --lo-bottom: 0 0 0 0 transparent;
  --glow-sm: 0 0 0 3px rgba(var(--accent-rgb), 0.30); --glow-md: 0 0 0 0 transparent;
  --on-danger: #FFFFFF; --backdrop: rgba(0, 0, 0, 0.62);
}