/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* === Design tokeny — sci-fi HUD ve stylu DarkOrbitu (→ Track UI/Grafika) === */
:root {
  --bg-deep: #03060f;
  --bg-space: #060b1a;
  --panel-bg: rgba(10, 20, 38, 0.72);
  --panel-border: rgba(80, 170, 255, 0.35);
  --panel-glow: rgba(58, 163, 255, 0.25);

  --accent: #3aa3ff;
  --accent-2: #ff9f3a;
  --accent-danger: #ff4d4d;
  --accent-ok: #37d67a;

  --text: #d7e6ff;
  --text-dim: #7f95b8;

  --mmo: #3aa3ff;
  --eic: #ff5a3a;
  --vru: #37d67a;

  --radius: 8px;
  --font-ui: 'Rajdhani', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Share Tech Mono', ui-monospace, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background:
    radial-gradient(1200px 800px at 70% -10%, #0c1830 0%, transparent 60%),
    radial-gradient(900px 700px at 10% 110%, #0a1226 0%, transparent 55%),
    var(--bg-deep);
  color: var(--text);
  font-family: var(--font-ui);
  letter-spacing: 0.02em;
}

a { color: var(--accent); text-decoration: none; }

/* Jemná hvězdná textura */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 20% 30%, #ffffff55 0, transparent 100%),
    radial-gradient(1px 1px at 80% 60%, #ffffff44 0, transparent 100%),
    radial-gradient(1px 1px at 50% 80%, #ffffff33 0, transparent 100%),
    radial-gradient(1px 1px at 35% 70%, #ffffff33 0, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

@keyframes glow-pulse {
  0%, 100% { box-shadow: 0 0 18px var(--panel-glow); }
  50% { box-shadow: 0 0 28px var(--panel-glow); }
}