@import "tailwindcss";

/* 🎨 Design Tokens (CSS-based, no JS dependency) */
:root {
  --color-background-primary: #0B1A2B;
  --color-background-secondary: #0F2236;
  --color-background-card: #132A42;

  --color-text-primary: #FFFFFF;
  --color-text-secondary: #A0AEC0;

  --color-border: #1F3A5F;

  --color-primary: #009CAE;
}

/* Tailwind theme mapping */
@theme inline {
  --color-background-primary: var(--color-background-primary);
  --color-background-secondary: var(--color-background-secondary);
  --color-background-card: var(--color-background-card);

  --color-text-primary: var(--color-text-primary);
  --color-text-secondary: var(--color-text-secondary);

  --color-border: var(--color-border);
  --color-primary: var(--color-primary);
}

/* Base styles */
html, body {
  padding: 0;
  margin: 0;
}

body {
  background-color: #f9fafb; /* light gray */
  color: #111827; /* dark text */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}