@import "tailwindcss";

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
  /* Friendly Palette */
  --color-primary: #5682B1;    /* Steel Blue */
  --color-secondary: #739EC9;  /* Soft Blue */
  --color-highlight: #404040;  /* Dark Grey for text contrast, replacing peach which is too light for text */
  --color-accent: #FFE8DB;     /* Peach (New variable for backgrounds) */
}

/* Friendly Light Theme Default */
:root {
  --background: #FFFFFF;
  --foreground: #171717;
}

/* Dark mode removed to force Friendly Light Theme */

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