/* src/styles.scss */
:root {
  --wendler-green: #A1C738;
  --wendler-orange: #DB9C24;
  --wendler-green-50: #F4F8E6;
  --wendler-green-100: #E6EFC4;
  --wendler-green-200: #C8DC83;
  --wendler-green-300: #B5D45B;
  --wendler-green-500: #A1C738;
  --wendler-green-600: #8DAE2E;
  --wendler-green-700: #6F8923;
  --wendler-green-900: #41501A;
  --wendler-orange-50: #FBF1DC;
  --wendler-orange-100: #F6DFAE;
  --wendler-orange-300: #EBBC65;
  --wendler-orange-500: #DB9C24;
  --wendler-orange-600: #C18217;
  --wendler-orange-900: #6E4A0D;
  --paper: #FAF6EE;
  --paper-warm: #F3ECDE;
  --paper-tan: #E7DEC9;
  --bark-200: #C9BFA8;
  --bark-400: #8A7F66;
  --bark-600: #5B5340;
  --bark-800: #2E2A20;
  --ink: #1F1D1A;
  --success: #8DAE2E;
  --warning: #DB9C24;
  --danger: #B23A2A;
  --info: #5B7E8A;
  --bg: var(--paper);
  --bg-alt: var(--paper-warm);
  --surface: #FFFFFF;
  --fg: var(--ink);
  --fg-muted: var(--bark-600);
  --fg-subtle: var(--bark-400);
  --border: var(--paper-tan);
  --border-strong: var(--bark-200);
  --primary: var(--wendler-green-500);
  --primary-hover: var(--wendler-green-600);
  --primary-fg: #FFFFFF;
  --accent: var(--wendler-orange-500);
  --accent-hover: var(--wendler-orange-600);
  --font-logo:
    "AquaGrotesque",
    "Archivo",
    sans-serif;
  --font-display:
    "AkzidenzGroteskBE",
    "Archivo",
    sans-serif;
  --font-sans:
    "AkzidenzGroteskBE",
    "Archivo",
    sans-serif;
  --shadow-sm: 0 1px 2px rgba(31,29,26,.05), 0 1px 1px rgba(31,29,26,.03);
  --shadow-md: 0 4px 12px rgba(31,29,26,.06), 0 2px 4px rgba(31,29,26,.04);
  --shadow-lg: 0 12px 32px rgba(31,29,26,.08), 0 4px 8px rgba(31,29,26,.04);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --radius-pill: 999px;
}
@font-face {
  font-family: "AquaGrotesque";
  src: url("./media/aqua.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AkzidenzGroteskBE";
  src: url("./media/Berthold Akzidenz Grotesk BE Li.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AkzidenzGroteskBE";
  src: url("./media/Berthold Akzidenz Grotesk BE.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AkzidenzGroteskBE";
  src: url("./media/Berthold Akzidenz Grotesk BE Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "AkzidenzGroteskBE";
  src: url("./media/Berthold Akzidenz Grotesk BE Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AkzidenzGroteskBE";
  src: url("./media/Berthold Akzidenz Grotesk BE Ex Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AkzidenzGroteskBE";
  src: url("./media/Berthold Akzidenz Grotesk BE Bold Italic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: var(--paper);
  color: var(--ink);
  font-family:
    "AkzidenzGroteskBE",
    "Archivo",
    sans-serif;
  font-weight: 300;
  overscroll-behavior: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
}
.cemetery-map-container {
  touch-action: pinch-zoom pan-x pan-y;
}
@keyframes dot-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-11px);
  }
}
.dot-loader {
  display: flex;
  gap: 6px;
  align-items: center;
}
.dot-loader span {
  border-radius: 50%;
  animation: dot-bounce 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  background: var(--wendler-green);
}
.dot-loader span:nth-child(1) {
  animation-delay: 0ms;
}
.dot-loader span:nth-child(2) {
  background: var(--wendler-green-200);
  animation-delay: 160ms;
}
.dot-loader span:nth-child(3) {
  background: var(--wendler-orange);
  animation-delay: 320ms;
}
.dot-loader.small span {
  width: 11px;
  height: 11px;
}
.dot-loader.medium span {
  width: 18px;
  height: 18px;
}
@keyframes logo-breathe {
  0%, 100% {
    transform: scale(0.86);
    opacity: 0.55;
  }
  50% {
    transform: scale(1.06);
    opacity: 1;
  }
}
.splash-loader .logo-breathe {
  animation: logo-breathe 2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dot-loader span,
  .splash-loader .logo-breathe {
    animation: none;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */