:root{--color-espresso: #5A361B;--color-cafe-leche: #D4A373;--color-ladrillo: #C15833;--color-cielo: #86B0C6;--color-cielo-light: #D9EAF3;--color-cobalto: #165291;--color-noche: #1D2D44;--color-crema: #F5F3E8;--color-gris: #E8E5D8;--color-gris-med: #C8C4B0;--color-gris-dark: #7A7560;--color-verde-ok: #4A7C4E;--color-verde-light: #E8F2E9;--color-amar-light: #FDF3E3;--font-display: "Dancing Script", cursive;--font-title: "Roboto Slab", serif;--font-body: system-ui, -apple-system, sans-serif;--radius-card: 12px;--radius-btn: 10px;--radius-badge: 8px;--shadow-card: 0 1px 3px rgba(90, 54, 27, .08);--frame-max-w: 440px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--color-noche);background:var(--color-crema);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}a{color:inherit}input,select,textarea{font-family:var(--font-title)}.app-frame{min-height:100%;max-width:var(--frame-max-w);margin:0 auto;background:var(--color-crema);position:relative;display:flex;flex-direction:column}