/* Tokens tomados de las variables CSS de deucespadelclub.com. */
:root {
  --cream: #eef6f6;
  --cream-dark: #dce9e9;
  --steel: #1f507a;
  --steel-soft: #5b87ad;
  --navy: #003666;
  --navy-deep: #002647;
  --terracotta: #6d361f;
  --gold: #dbc173;
  --charcoal: #212121;
  --muted: #666666;
  --radius: 0.75rem;
  --navy-rgb: 0, 54, 102; /* canal RGB de --navy, para usar dentro de rgba() */
  --gold-rgb: 219, 193, 115; /* canal RGB de --gold */
  --white: #ffffff;
  /* Avisos del panel: pendiente / lista de espera (ámbar) y cancelación (terracota). */
  --warn-bg: #fff4e5;
  --warn-line: #f0d3a8;
  --warn-ink: #8a4a12;
  --danger-bg: #f6e3d9;
  --danger-line: #e5c6b8;

  --display: Oswald, 'Arial Narrow', system-ui, sans-serif;
  --texto: 'EB Garamond', Georgia, serif;
}

@font-face {
  font-family: Oswald; font-style: normal; font-weight: 500;
  src: url('/fonts/oswald-500.woff2') format('woff2'); font-display: swap;
}
@font-face {
  font-family: Oswald; font-style: normal; font-weight: 700;
  src: url('/fonts/oswald-700.woff2') format('woff2'); font-display: swap;
}
@font-face {
  font-family: 'EB Garamond'; font-style: normal; font-weight: 400;
  src: url('/fonts/garamond-400.woff2') format('woff2'); font-display: swap;
}

* { box-sizing: border-box; }

:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }

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