:root {
  --primary: #0099ff;
  --secondary: #a855f7;
  --bg-dark: #000000;
  --app-bg: #000000;
  --app-surface: #0a0a0c;
  --app-border: #1a1a1c;
  --app-text: #ffffff;
  --app-text-muted: #71717a;
  --nav-height: 4rem;
  --header-height: 3.5rem;
}

html, body, #root {
  height: 100dvh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--app-bg);
}

body { 
  font-family: 'Plus Jakarta Sans', sans-serif; 
  color: var(--app-text) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior: none;
}

/* Sharp Edges Total para containers industriais */
.rounded-none, 
.rounded-xl, 
.rounded-2xl, 
.rounded-3xl,
.post-container,
input, 
button,
article,
section,
textarea { 
  border-radius: 0 !important; 
}

/* Exceção específica para Avatares (sempre circulares conforme solicitado) */
.rounded-full, 
img.rounded-full,
[class*="avatar"] {
  border-radius: 9999px !important;
}

.avatar-ring {
  padding: 2px;
  background: linear-gradient(135deg, #0099ff 0%, #a855f7 100%);
  border-radius: 50% !important;
}

.ello-gradient {
  background: linear-gradient(135deg, #0099ff 0%, #a855f7 100%) !important;
}

.ello-text-gradient {
  background: linear-gradient(135deg, #0099ff 0%, #a855f7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.glass-panel {
  background: rgba(10, 10, 12, 0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

input:focus {
  outline: none;
}

@keyframes pulse-blue {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.animate-pulse-blue {
  animation: pulse-blue 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.btn-sharp {
  border-radius: 0 !important;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.25em;
  font-size: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid currentColor;
}

.btn-sharp:hover {
  background: white;
  color: black;
}

/* Sombras Neon */
.shadow-glow {
  box-shadow: 0 0 15px rgba(0, 153, 255, 0.3);
}

.shadow-glow-sm {
  box-shadow: 0 0 10px rgba(0, 153, 255, 0.2);
}