@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #111827;
  --card: #ffffff;
  --sidebar: #ffffff;
  --border: #e5e7eb;
  --brand: #e58a3c;
  --muted: #6b7280;
}

html {
  color-scheme: light;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  min-height: 100vh;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

::selection {
  background: rgba(229, 138, 60, 0.25);
  color: #111827;
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}