@import "tailwindcss";

@theme {
  --color-bg: #0a0f1e;
  --color-surface: #111827;
  --color-surface-2: #1a2235;
  --color-border: #1f2d45;
  --color-text: #f1f5f9;
  --color-text-muted: #64748b;
  --color-text-dim: #334155;

  --color-open-bg: #052e16;
  --color-open-border: #166534;
  --color-open-text: #4ade80;
  --color-open-hours: #bbf7d0;

  --color-ph-bg: #1e0f2e;
  --color-ph-border: #7e22ce;
  --color-ph-hours: #e9d5ff;
  --color-ph-label: #c084fc;

  --color-today-bg: #0c1a3d;
  --color-today-border: #2563eb;
  --color-today-text: #93c5fd;

  --color-weekend-header: #141f35;
}

:root {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
}

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

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 3px;
}