@charset "utf-8";

:root {
  --primary: #0f4aa8;
  --primary-dark: #0a3275;
  --text: #1f2937;
  --muted: #64748b;
  --surface: rgba(255, 255, 255, 0.84);
  --surface-strong: #ffffff;
  --border: rgba(15, 23, 42, 0.08);
  --shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  --radius-xl: 28px;
}

body,
p,
li,
span,
small,
label,
input,
textarea,
select,
button,
a {
  font-family: 'Inter', 'lato', 'Trebuchet MS', Arial, sans-serif;
}

p {
  margin-top: 0;
}

.card-modern {
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow);
}