/* Modern Dark Theme for GraniteFlow */
:root {
  color-scheme: dark;
  --bg-main: #0F172A; /* Deep Navy/Charcoal */
  --bg-card: #1E293B; /* Slightly lighter navy */
  --accent: #3B82F6; /* Primary Blue */
  --accent-secondary: #FF4D6D; /* Pinkish Red */
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --border-color: rgba(255, 255, 255, 0.05);
}

body {
  background-color: var(--bg-main);
  color: var(--text-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* { -webkit-tap-highlight-color: transparent; }

/* Simple spinner */
.sf-spinner { 
  width: 20px; 
  height: 20px; 
  border: 2px solid rgba(255,255,255,0.1); 
  border-top-color: var(--accent); 
  border-radius: 9999px; 
  animation: sfspin 0.8s linear infinite; 
}
@keyframes sfspin { to { transform: rotate(360deg); } }

/* Focus ring helper */
.sf-focus:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,0.5); }

/* Prevent long addresses from breaking layout */
.sf-break { overflow-wrap: anywhere; word-break: break-word; }

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}