/* Public Runtime Theme Configuration
 * Customers can edit this file directly in the public/ folder to customize 
 * the site's color scheme, fonts, and styling without rebuilding the application.
 */

:root {
  /* Brand Primary & Secondary Colors */
  --primary: #e53e3e;        /* Primary accent (Spicy Red) */
  --primary-hover: #c53030;  /* Primary hover state */
  --secondary: #ed8936;      /* Secondary accent (Turmeric Orange) */

  /* Backgrounds & Surfaces  */
  --background: #faf9f6;     /* Main page background */
  --surface: #ffffff;        /* Card & container background */
  --surface-hover: #f1f0eb;  /* Hover state for cards/lists */
  
  /* Text & Borders */
  --text: #2d3748;           /* Main body text color */
  --text-muted: #718096;     /* Secondary / muted text color */
  --border: #e2e8f0;         /* Input & container border color */
}

/* Dark Mode Overrides */
@media (prefers-color-scheme: dark) {
  :root {
    --background: #1a202c;
    --surface: #2d3748;
    --surface-hover: #4a5568;
    --text: #f7fafc;
    --text-muted: #a0aec0;
    --primary: #fc8181;
    --primary-hover: #f56565;
    --border: #4a5568;
  }
}