/*
 * Emergency stylesheet for stale crawlers/browsers requesting old Vite CSS
 * hashes such as /assets/styles-XXXXXX.css after a deploy.
 *
 * The live app still uses the normal generated stylesheet from the current
 * build. This static file exists only as a non-blank fallback target so old
 * HTML shells and SEO crawlers stop receiving 404/blank CSS responses.
 */
:root {
  color-scheme: light;
  --bg: #fffdf5;
  --fg: #172033;
  --muted: #4b5563;
  --surface: #ffffff;
  --border: #d8dde6;
  --primary: #263b63;
  --primary-fg: #fffdf5;
  --accent: #f5b400;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--fg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}

body { overflow-x: hidden; }

a { color: var(--primary); }

img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

button, input, select, textarea {
  font: inherit;
}

.bg-background { background-color: var(--bg); }
.bg-card, .bg-popover { background-color: var(--surface); }
.bg-primary { background-color: var(--primary); }
.bg-accent { background-color: var(--accent); }
.text-foreground { color: var(--fg); }
.text-muted-foreground { color: var(--muted); }
.text-primary { color: var(--primary); }
.text-primary-foreground { color: var(--primary-fg); }
.border, .border-border, .border-input { border-color: var(--border); }

.container,
.mx-auto { margin-left: auto; margin-right: auto; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-6xl { max-width: 72rem; }
.max-w-7xl { max-width: 80rem; }
.min-h-screen { min-height: 100vh; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.text-center { text-align: center; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.rounded-md { border-radius: 0.375rem; }
.rounded-lg { border-radius: 0.5rem; }
.underline { text-decoration-line: underline; }
.shadow, .shadow-sm, .shadow-lg { box-shadow: 0 10px 30px rgb(23 32 51 / 0.08); }

@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:flex { display: flex; }
  .md\:hidden { display: none; }
}

@media (max-width: 767px) {
  .px-4 { padding-left: 1rem; padding-right: 1rem; }
}