:root {
  --fuz-bg: #ffffff;
  --fuz-text: #1a1a1a;
  --fuz-accent: #0066ff;
  --fuz-accent: #0094ff;
  --fuz-accent-text: #ffffff;

  /* Buttons */
  --btn-bg: var(--fuz-accent);
  --btn-text: var(--fuz-accent-text);

  --btn-outline-border: var(--fuz-accent);
  --btn-outline-text: var(--fuz-accent);
  --btn-outline-bg-hover: rgba(0, 148, 255, 0.07);

  --btn-ghost-text: var(--fuz-text);
  --btn-ghost-hover-bg: rgba(0, 0, 0, 0.05);
}

:root.dark {
  --fuz-text: #e6edf3;
  --fuz-bg: #0d1117;
  --fuz-accent: #58a6ff;
  --fuz-accent-text: #0d1117;

  /* Buttons */
  --btn-bg: var(--fuz-accent);
  --btn-text: var(--fuz-accent-text);

  --btn-outline-border: var(--fuz-accent);
  --btn-outline-text: var(--fuz-accent);
  --btn-outline-bg-hover: rgba(88, 166, 255, 0.15);

  --btn-ghost-text: var(--fuz-text);
  --btn-ghost-hover-bg: rgba(255,255,255,0.08);
}

/* Ustawienia bazowe motywu */
body {
  background-color: var(--fuz-bg);
  color: var(--fuz-text);
}

/* Przycisk przełącznika */
.theme-toggle-btn {
  @apply text-xl p-2 rounded-full cursor-pointer transition-colors;
  color: var(--fuz-text);
}

.theme-toggle-btn:hover {
  opacity: 0.8;
}

