/* SOURCE: hanford_cloud_ui/src/styles/tokens.css — do not edit here, copy changes from there. */
/* ───────────────────────────────────────────────────────────────
   CRATUS NMDS2 / Hanford LiDAR — design tokens
   Single source of truth for color, type, shadow, radius.
   ─────────────────────────────────────────────────────────────── */
:root {
  /* Surfaces */
  --bg-base: #0a0b0d;
  --bg-panel: #141517;
  --bg-card: #1a1c1e;
  --bg-el: #202327;
  --border: #2c2e33;
  --border-hi: #3a3d42;

  /* Brand / accents */
  --amber: #f39719;
  --amber-hi: #ffb347;
  --amber-dim: #7a4a0e;
  --amber-glow-color: rgba(243, 151, 25, 0.1);

  --cyan: #3fa9f5;
  --cyan-dim: #0e2438;
  --green: #00d45c;
  --green-dim: #0a2818;
  --red: #ff4f61;
  --red-dim: #2e0e14;
  --yellow: #f3c319;
  --yellow-dim: #332600;

  /* Text */
  --txt: #f2f4f7;
  --txt2: #a4a8ad;
  --txt3: #6e7176;
  --txtl: #5c6066;

  /* Type families */
  --font-sans: "Roboto", system-ui, sans-serif;
  --font-display: "Rubik", system-ui, sans-serif;
  --font-mono: "Azeret Mono", ui-monospace, monospace;

  /* Radius */
  --r: 6px;
  --rl: 10px;

  /* Z-index scale */
  --z-nav: 199;
  --z-statusbar: 200;
  --z-drawer: 400;
  --z-modal: 500;
  --z-toast: 600;

  /* Neumorphic shadow recipe */
  --shadow-neu: -4px -4px 8px rgba(255, 255, 255, 0.025),
                 4px 4px 10px rgba(0, 0, 0, 0.55);
  --shadow-neu-soft: -2px -2px 5px rgba(255, 255, 255, 0.02),
                     2px 2px 6px rgba(0, 0, 0, 0.45);
  --shadow-neu-inset: inset 3px 3px 6px rgba(0, 0, 0, 0.55),
                     inset -2px -2px 5px rgba(255, 255, 255, 0.02);
  --glow-orange: 0 0 14px rgba(243, 151, 25, 0.35);
  --glow-success: 0 0 10px rgba(0, 212, 92, 0.45);
  --glow-danger: 0 0 10px rgba(255, 79, 97, 0.45);
}

/* Status dot pulse keyframes */
@keyframes pulse-green {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}
@keyframes pulse-yellow {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.3; }
}

/* Body backdrop — vertical gradient, no scanline (CRATUS overlay drops it) */
body {
  background: linear-gradient(180deg, #141414 0%, #000 100%);
  color: var(--txt);
  font-family: var(--font-sans);
  min-height: 100vh;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-thumb { background: var(--border-hi); border-radius: 2px; }