:root {
  color-scheme: dark;
  --bg: #000000;
  --surface-1: #08080a;
  --surface-2: #101014;
  --surface-3: #17171d;
  --surface-hover: #202028;
  --text: #ffffff;
  --text-2: #b3b3bd;
  --text-3: #777783;
  --border: #2a2a33;
  --border-strong: #3a3a46;
  --purple: #7800ab;
  --purple-bright: #a700ec;
  --turquoise: #00bbbb;
  --cyan: #00d9ff;
  --blue: #286cff;
  --green: #00d46a;
  --lime: #a4ee00;
  --orange: #ff8a00;
  --pink: #ff2ca8;
  --red: #ff304f;
  --yellow: #ffd400;
  --sidebar: 252px;
  --header: 64px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --shadow: 0 18px 60px rgba(0,0,0,.42);
  --transition: 180ms ease;
}

:root { --sidebar: 76px; }

:root { --header: 58px; }


/* ORIONDRONE LIVE DESIGN V2
   Visual tokens only.
   Real DOM, data and functionality remain authoritative.
*/

* {
  box-sizing: border-box;
}

html {
  color-scheme: dark;
}

body {
  background: #000;
  color: #fff;
  font-family:
    Inter,
    Assistant,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

:focus-visible {
  outline: 2px solid #00bbbb;
  outline-offset: 2px;
}