/* Mealie theme — minimal. Survives image updates via /theme mount.
   Keep Mealie's own layout/buttons. Only: DM Sans + soft page gradients + accent. */

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");

:root {
  --mealie-accent: #e58325;
}

html {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body,
.v-application {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

/* Soft atmosphere behind the app — leave cards/buttons alone */
html.v-theme--dark body,
html.v-theme--dark .v-application,
body,
.v-application {
  background:
    radial-gradient(900px 480px at 0% -5%, rgba(229, 131, 37, 0.12), transparent 55%),
    radial-gradient(700px 420px at 100% 0%, rgba(229, 131, 37, 0.06), transparent 50%) !important;
  background-attachment: fixed !important;
}

html.v-theme--light body,
html.v-theme--light .v-application,
.v-theme--light.v-application {
  background:
    radial-gradient(900px 480px at 8% -8%, rgba(229, 131, 37, 0.1), transparent 55%),
    radial-gradient(700px 400px at 100% 0%, rgba(243, 168, 90, 0.08), transparent 50%) !important;
  background-attachment: fixed !important;
}

/* Slightly tighter titles only — no padding/radius overrides */
.v-toolbar-title,
.text-h4,
.text-h5 {
  letter-spacing: -0.02em;
}

.text-primary {
  color: var(--mealie-accent) !important;
}

a {
  color: var(--mealie-accent);
}