@import "tailwindcss";

:root {
  --background: #6b2c2c;
  --foreground: white;

  /* Cover */
  --text: #5d4037;
  --envelope: #e6d7c3; /* Color for the envelope */
  --flap: #d4b99b; /* Color for the envelope flap */
  --letter: #fffaf5; /* Color for the letter inside the envelope */

  /* Details */
  --header: white; /* Event Name */
  --sub-header: #f5f5f5; /* Event Date and location */
  --form-placeholder: #888;
  --form-input: #333;
  --submit-button: #5d4037;/*#8b5a2b;*/
  --restricted-card-content: #666;
}

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

@media (prefers-color-scheme: dark) {
  :root {
    --background: #6b2c2c;
    --foreground: #171717;
  }
}

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