@import "tailwindcss";

:root {
  --background: #f6f4ef;
  --foreground: #231f20;
  --brand: #3985b0;
  --brand-deep: #276488;
  --brand-tint: #e6f0f5;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-brand: var(--brand);
  --color-brand-deep: var(--brand-deep);
  --color-brand-tint: var(--brand-tint);
  --font-sans: "Aptos", "Calibri", "Segoe UI", system-ui, sans-serif;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
}