/* Asociacion Guadalupana — minimal custom utilities atop Tailwind CDN. */

:root {
  --ag-bg: #fafaf7;
  --ag-surface: #ffffff;
  --ag-ink: #0f0f0f;
  --ag-muted: #5a5a55;
  --ag-border: #e5e1d8;
  --ag-accent: #c08a1f;
  --ag-accent-deep: #8f6310;
  --ag-accent-soft: #f5ebd2;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--ag-ink);
  background: var(--ag-bg);
  font-feature-settings: 'cv02', 'cv11';
}

.font-display {
  font-family: 'Fraunces', Georgia, serif;
  font-optical-sizing: auto;
  font-variation-settings: 'SOFT' 50;
  letter-spacing: -0.015em;
}

/* Monogram avatar — minimal outlined circle */
.monogram {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 9999px;
  background: var(--ag-accent-soft);
  color: var(--ag-accent-deep);
  font-family: 'Fraunces', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* Stat number — large, restrained */
.stat-number {
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--ag-ink);
  line-height: 1;
  letter-spacing: -0.02em;
}

/* Visible focus ring (a11y) */
:focus-visible {
  outline: 2px solid var(--ag-accent);
  outline-offset: 3px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

[data-lucide] { width: 1.5rem; height: 1.5rem; stroke-width: 1.5; }