← back to StudentLoanTracker

src/app/globals.css

30 lines

@import "tailwindcss";

:root {
  --background: #f8fafc;
  --foreground: #0f172a;
  --navy: #0f1b2d;
  --navy-light: #1a2d47;
  --teal: #14b8a6;
  --teal-dark: #0d9488;
  --teal-light: #5eead4;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-navy: var(--navy);
  --color-navy-light: var(--navy-light);
  --color-teal: var(--teal);
  --color-teal-dark: var(--teal-dark);
  --color-teal-light: var(--teal-light);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}