/* Cocina de Olga */
/* Fonts loaded via <link> in HTML <head> */

* { margin: 0; padding: 0; box-sizing: border-box; }
button, a, input, select, textarea, label, [role="button"] { touch-action: manipulation; }
html { font-size: 110%; }
.page-landing, .page-landing body { overflow: hidden; height: 100%; }

:root {
  --text: #2c1a0e;
  --bg: #FFF9F3;
  --accent: #CD090B;
  --accent-secondary: #2e7d32;
  --bg-secondary: #e5d5b0;
  --bg-slate: #847276;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--text);
  background: var(--bg);
  overflow-x: hidden;
}

/* --- SHARED FORM UTILITY --- */
.builder-name-input {
  width: 100%;
  padding: 0.7rem 1rem;
  border: 2px solid var(--text);
  border-radius: var(--radius-md);
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  background: var(--bg);
  color: var(--text);
}
.builder-name-input:focus { outline: none; border-color: var(--accent); }

/* --- FOOTER --- */
footer {
  text-align: center;
  padding: 2rem;
  font-family: 'Space Mono', monospace;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8a7a5b;
  border-top: 2px solid var(--text);
}
