@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

/* Custom Styles */
@layer base {
  html, body, #root {
    height: 100%;
  }
}

@layer components {
  .toggle-checkbox:checked {
    right: 0;
    border-color: var(--color-primary, #2563eb);
  }
  .toggle-checkbox:checked + .toggle-label {
    background-color: var(--color-primary, #2563eb);
  }
}