/* FlyNode file manager: indigo brand, follows the system light/dark setting. */
:root {
  --blue: #4f46e5;
  --dark-blue: #4338ca;
  --icon-blue: #6366f1;
  --action: #52525b;
  --background: #f6f6fb;
  --surfacePrimary: #ffffff;
  --surfaceSecondary: #eceafd;
  --textPrimary: #71717a;
  --textSecondary: #18181b;
  --borderPrimary: rgba(24, 24, 27, 0.08);
  --borderSecondary: rgba(24, 24, 27, 0.14);
  --divider: rgba(24, 24, 27, 0.06);
  --hover: rgba(99, 102, 241, 0.08);
}
:root.dark {
  --blue: #6366f1;
  --dark-blue: #4f46e5;
  --icon-blue: #818cf8;
  --action: #e4e4e7;
  --background: #0a0a12;
  --surfacePrimary: #13131d;
  --surfaceSecondary: #22223a;
  --textPrimary: rgba(255, 255, 255, 0.55);
  --textSecondary: rgba(255, 255, 255, 0.92);
  --borderPrimary: rgba(255, 255, 255, 0.07);
  --borderSecondary: rgba(255, 255, 255, 0.14);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(129, 140, 248, 0.14);
}
@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --blue: #6366f1;
    --dark-blue: #4f46e5;
    --icon-blue: #818cf8;
    --action: #e4e4e7;
    --background: #0a0a12;
    --surfacePrimary: #13131d;
    --surfaceSecondary: #22223a;
    --textPrimary: rgba(255, 255, 255, 0.55);
    --textSecondary: rgba(255, 255, 255, 0.92);
    --borderPrimary: rgba(255, 255, 255, 0.07);
    --borderSecondary: rgba(255, 255, 255, 0.14);
    --divider: rgba(255, 255, 255, 0.08);
    --hover: rgba(129, 140, 248, 0.14);
  }
}
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.button { border-radius: 10px; }
#listing .item { border-radius: 10px; }
header img { border-radius: 10px; }
.credits { display: none; }
#login { background: linear-gradient(180deg, var(--background), var(--surfaceSecondary)); }
#login form {
  width: 22rem;
  max-width: 92vw;
  padding: 2rem 1.75rem 1.75rem;
  border-radius: 20px;
  background: var(--surfacePrimary);
  box-shadow: 0 20px 50px rgba(79, 70, 229, 0.18);
}
#login img { width: 4rem; height: 4rem; margin-bottom: 0.25rem; }
#login h1 { margin: 0.5rem 0 1.25rem; font-size: 1.5rem; font-weight: 650; color: var(--textSecondary); }
#login input { border-radius: 10px; margin-bottom: 0.75rem; padding: 0.7rem 0.9rem; }
#login input.button { margin-bottom: 0; }