@import "tailwindcss";

:root {
  --accent-yellow: #ecad0a;
  --primary-blue: #209dd7;
  --secondary-purple: #753991;
  --navy-dark: #032147;
  --gray-text: #888888;
  --surface: #f7f8fb;
  --surface-strong: #ffffff;
  --stroke: rgba(3, 33, 71, 0.08);
  --shadow: 0 18px 40px rgba(3, 33, 71, 0.12);
}

@theme inline {
  --color-background: var(--surface);
  --color-foreground: var(--navy-dark);
  --font-sans: var(--font-body);
}

* {
  box-sizing: border-box;
}

body {
  background: var(--surface);
  color: var(--navy-dark);
  font-family: var(--font-body), "Segoe UI", sans-serif;
  margin: 0;
}

.font-display {
  font-family: var(--font-display), "Segoe UI", sans-serif;
}