/* TYDC Theme A — Brutalist Garage (20251223d) */
:root {
  --bg: #070707;
  --fg: #F6F2EA;
  --muted: rgba(246,242,234,.72);
  --border: rgba(246,242,234,.20);
  --softborder: rgba(246,242,234,.12);
  --accent: #FFEA00; /* un amarillo que se mantiene despierto */
  --accent2: #FF6BD6;

  --font-display: "Anton", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-ui: "Space Grotesk", system-ui, sans-serif;

  --ui-bg: rgba(10,10,10,.86);
  --ui-border: rgba(246,242,234,.22);
  --ui-accent: var(--accent);
}

html, body { background: var(--bg); color: var(--fg); }

/* grit */
.collage__img { filter: contrast(1.12) saturate(1.18); }
.hero__title { text-shadow: 0 10px 30px rgba(0,0,0,.45); }
.card { background: rgba(0,0,0,.18); }
.bg::before {
  background:
    radial-gradient(1000px 500px at 18% 10%, rgba(255,225,0,.12), transparent 55%),
    radial-gradient(900px 520px at 86% 22%, rgba(255,107,214,.12), transparent 55%),
    radial-gradient(1100px 700px at 50% 92%, rgba(255,225,0,.06), transparent 58%),
    linear-gradient(to bottom, rgba(255,255,255,.02), rgba(255,255,255,0));
}