@import "tailwindcss";
@import "leaflet/dist/leaflet.css";

:root {
  --surface: #f3f5f8;
  --panel: #ffffff;
  --ink: #0b1220;
  --muted: #5b6577;
  --line: #d7dde8;
  --navy: #1b2a4a;
  --accent: #0f6e56;
  --accent-soft: #e4f3ee;
  --accent-ink: #0a4d3c;
  --warn: #9a6700;
  --warn-soft: #fff6e0;
  --danger: #a11b2b;
  --danger-soft: #fdecef;
  --ok: #0f6e56;
  --ok-soft: #e4f3ee;
  --map-zone: rgba(27, 42, 74, 0.18);
}

@theme inline {
  --color-background: var(--surface);
  --color-foreground: var(--ink);
  --font-sans: var(--font-body);
  --font-display: var(--font-display);
}

body {
  background: var(--surface);
  color: var(--ink);
  font-family: var(--font-body), "Segoe UI", sans-serif;
  background-image:
    radial-gradient(ellipse 80% 50% at 100% -10%, rgba(27, 42, 74, 0.07), transparent),
    linear-gradient(180deg, #eef1f6 0%, var(--surface) 28%);
  min-height: 100%;
}

.leaflet-container {
  font: inherit;
  z-index: 0;
}