/* ──────────────────────────────────────────────
   Lantern Labs — Base: Fonts, Variables, Reset
   ────────────────────────────────────────────── */

/* Local fonts */
@font-face {
  font-family: "Zen Dots";
  src: url("../fonts/Zen_Dots/ZenDots-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Share Tech Mono";
  src: url("../fonts/Share_Tech_Mono/ShareTechMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Electrolize";
  src: url("../fonts/Electrolize/Electrolize-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Orbitron";
  src: url("../fonts/Orbitron/Orbitron-Variable.ttf") format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rajdhani";
  src: url("../fonts/Rajdhani/Rajdhani-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rajdhani";
  src: url("../fonts/Rajdhani/Rajdhani-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/Exo2-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Audiowide";
  src: url("../fonts/Audiowide/Audiowide-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Michroma";
  src: url("../fonts/Michroma/Michroma-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* LL Color Palette */
  --ll-black: #000000;
  --ll-white: #FFFFFF;
  --ll-dark-gray: #191919;
  --ll-gray: #4B4B4B;
  --ll-light-gray: #B0B0B0;
  --ll-off-white: #E6E6E6;

  --ll-red: #640000;
  --ll-light-red: #C80000;
  --ll-dark-red: #320000;

  --ll-green: #006400;
  --ll-light-green: #00C800;
  --ll-dark-green: #003200;

  --ll-blue: #000064;
  --ll-light-blue: #0000C8;
  --ll-dark-blue: #000032;

  --ll-yellow: #FFE100;
  --ll-amber: #FFB400;
  --ll-gold: #FFD700;

  --ll-purple: #640096;
  --ll-light-purple: #9600C8;
  --ll-dark-purple: #320064;

  --ll-orange: #FF9600;
  --ll-dark-orange: #963200;
  --ll-brown: #643200;
  --ll-cyan: #00FFC8;
  --ll-neon: #B4FF00;
  --ll-pink: #FF0064;

  /* Layout */
  --sidebar-collapsed: 90px;
  --sidebar-expanded: 300px;
  --sidebar-transition: 350ms cubic-bezier(0.33, 1, 0.68, 1); /* easeOutCubic */
  --nav-item-height: 95px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  height: 100dvh;  /* accounts for mobile browser chrome */
  overflow: hidden;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  color: var(--ll-white);
  background: var(--ll-black);
  -webkit-user-select: none;
  user-select: none;
}

/* ── Full-screen shell ── */
.shell {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* ORIGINAL — uncomment to revert:
  background: linear-gradient(180deg, #2a2a2a 0%, #0A0A0A 100%);
  */
  background: #0a0a0a;
  display: flex;
}