/* Main Site Styles - AmicaColor */
:root {
  --color-primary: #22c55e;
  --color-primary-hover: #16a34a;
  --bg-dark: #000000;
  --bg-surface: #18181b;
  --bg-surface-elevated: #27272a;
  --border-color: #27272a;
  --border-focus: #22c55e;
  --text-main: #f4f4f5;
  --text-muted: #a1a1aa;
}

* {
  box-sizing: border-box;
}

body {
  background-color: var(--bg-dark);
  color: var(--text-main);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-surface);
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-hover);
}

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

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

.color-bar {
  transition: background-color 0.3s ease;
}