@import 'tailwindcss';

/* Brand colors are defined in tailwind.config.ts under theme.extend.colors.brand */

:root {
  --radius: 8px;
}

html, body, #root { height: 100%; }
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff;
  color: #000000;
}

a { color: #0c1f3f; }
a:hover { color: #0a1a35; }

.focus-ring { outline: none; box-shadow: 0 0 0 2px rgba(37,99,235,1), 0 0 0 4px var(--focus-offset, #ffffff); }

.card {
  border-radius: var(--radius);
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}