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

:root {
  --gold: #c4a95c;
  --gold-light: #dfc98a;
  --bg: #0a1712;
  --bg2: #10201a;
  --bg3: #172b22;
  --text: #f2ede4;
  --text-dim: rgba(242,237,228,0.55);
  --text-muted: rgba(242,237,228,0.32);
  --border: rgba(255,255,255,0.08);
  --border-hover: rgba(196,169,92,0.35);

  --brand-0: #c4a95c; /* dorado real del sitio */
  --brand-0-soft: #dfc98a;
  --brand-1: #6bd09d; /* verde menta real del sitio */
  --brand-1-soft: #97e0ba;
  --brand-2: #a0b8ff; /* azul, tercer acento */
  --brand-2-soft: #c2d1ff;
  --training: #b7a6e0; /* violeta suave */
  --training-soft: #d3c8f0;
}

body {
  font-family: 'DM Sans', ui-sans-serif, system-ui;
  background: var(--bg);
  color: var(--text);
}

.font-display {
  font-family: 'Cormorant Garamond', serif;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.7);
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--bg3); border-radius: 8px; }