@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
  --dark-gray: #2C2C2C;
  --darker-gray: #1A1A1A;
  --light-gray: #E5E5E5;
  --lighter-gray: #F5F5F5;
  --coral: #FF6B6B;
  --coral-light: #FF7F7F;
  --white: #FFFFFF;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-dark-gray: var(--dark-gray);
  --color-darker-gray: var(--darker-gray);
  --color-light-gray: var(--light-gray);
  --color-lighter-gray: var(--lighter-gray);
  --color-coral: var(--coral);
  --color-coral-light: var(--coral-light);
  --color-white: var(--white);
  --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;
}