/* Rosa empolvado, marfil y tinta ciruela. Escala espacial inspirada en 1.618. */
:root{--rose:#805463;--rose-dark:#603b49;--rose-pale:#f3e5e9;--ink:#392f35;--muted:#73636c;--line:#e6d8dd;--paper:#fffdfb;--space:1rem;font-family:'Segoe UI',Calibri,Arial,sans-serif;color:var(--ink);background:#faf6f3;font-size:16px;line-height:1.618}
body{background:radial-gradient(ellipse at 100% 0,#f3e2e7 0,transparent 40rem),#faf6f3}header{background:#ede0e4;color:var(--ink);border-bottom:1px solid var(--line);padding:2.618rem max(1rem,calc((100vw - 1120px)/2));position:relative}header h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,4vw,2.618rem);font-weight:500;letter-spacing:-.035em;line-height:1.2}header p{font-size:.92rem;color:#715761;margin-top:.8rem;letter-spacing:.025em}main{max-width:1152px;padding:1.618rem 1rem}h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.3;color:#543d48;letter-spacing:-.02em}h2{font-size:1.618rem;margin:.25rem 0 1rem}h3{font-size:1.25rem}p{max-width:76ch}.card,.install-help{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:1.618rem;margin-bottom:1.25rem;box-shadow:0 6px 24px #684b5910}.install-help{background:#fffaf7;margin-top:0}.muted,small{color:var(--muted);font-size:.875rem}.tag{background:#f4e6eb;color:#674550;padding:.3rem .7rem}.warning{background:#f5eddd;color:#6c5536;border:1px solid #e7d9be;border-radius:12px;padding:.85rem 1rem;line-height:1.55}.summary,#saveStatus{background:#f1e6e9;color:#674550}.summary{padding:1.25rem;border:1px solid #e5d2da;border-radius:16px}.summary strong{font-family:Georgia,serif;font-size:1.618rem}.summary .grid{gap:1rem}nav{gap:.6rem;padding:.4rem 0 1.618rem}nav button{white-space:nowrap;border-radius:30px;padding:.65rem 1.1rem;background:#fffcfa}button{color:var(--rose-dark);border-color:#d9c3cb;border-radius:12px;padding:.65rem 1rem;min-height:46px;background:#fffdfb;transition:background .16s ease,border-color .16s ease}button:hover{background:#f4e8ec;border-color:#b892a1}button.active,button.primary,.choice .selected{background:var(--rose);border-color:var(--rose);color:#fff}button.primary:hover,button.active:hover{background:var(--rose-dark)}button:disabled{opacity:.55;cursor:default}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}label{font-size:.875rem;color:#654e59;margin:.65rem 0}label>input,label>select,label>textarea{display:block;width:100%;margin-top:.35rem}input[type=text],input[type=number],input[type=email],input[type=password],input[type=url],select,textarea{border:1px solid #d9c6cd;border-radius:10px;background:#fffcfb;color:var(--ink);min-height:44px;padding:.65rem .75rem}input[type=checkbox]{accent-color:var(--rose)}.checkline input{accent-color:var(--rose)}.dish{border-color:#ecdee3;padding:1.1rem 0}.choice{margin-top:.8rem;gap:.5rem}.choice button{padding:.5rem .85rem;font-size:.84rem}.actions{gap:.65rem}.amount{color:#603f4e}th{background:#f3e9ed;color:#604550;font-size:.8rem;letter-spacing:.02em}th,td{border-color:#ecdee3;padding:.85rem}table{font-size:.9rem}#recipeEditor{overflow-x:auto}#recipeEditor table{min-width:620px}#recipeIngredientRows input[type=text],#recipeIngredientRows input:not([type]){min-width:140px}#recipePreparation{min-height:180px;line-height:1.65}#recipeEstimate{font-weight:600;color:#714c5b}#saveStatus{font-size:.8rem;padding:.5rem 1rem;border-bottom:1px solid var(--line)}footer{font-size:.8rem;color:#806c77;padding:2.618rem 1rem}hr{border-color:var(--line)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a96b83;outline-offset:3px}
@media(max-width:600px){header{padding:1.618rem 1.1rem}main{padding:1rem .75rem}.card,.install-help{padding:1.1rem;border-radius:16px}nav{margin:0 -.15rem;padding-bottom:1rem}nav button{font-size:.86rem;padding:.55rem .85rem}.row{gap:.8rem}.grid{gap:.65rem}.summary strong{font-size:1.4rem}h2{font-size:1.4rem}.actions>button{flex-grow:1}#manualManager .row{align-items:flex-start}#manualManager button{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){button{transition:none}}@media print{body{background:#fff}.card{box-shadow:none}header{color:#000}th{background:#eee}}

/* Ambas paletas conservan exactamente la misma tipografía y geometría. */
.appearance-panel{padding:1.25rem;background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:1.618rem}.appearance-panel h3{margin:.1rem 0 .8rem}.appearance-panel select{max-width:340px}.palette-preview{display:flex;gap:.6rem;margin:1rem 0}.palette-preview span{display:block;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--rose)}.palette-preview span:nth-child(2){background:var(--rose-pale)}.palette-preview span:nth-child(3){background:var(--paper)}
:root[data-theme="blue"]{--rose:#426884;--rose-dark:#304e65;--rose-pale:#e3eef6;--ink:#293c4c;--muted:#596e7d;--line:#d3e0ea;--paper:#fcfdff;background:#f4f8fc}
:root[data-theme="blue"] body{background:radial-gradient(ellipse at 100% 0,#e0edf7 0,transparent 40rem),#f4f8fc}
:root[data-theme="blue"] header{background:#dfebf5}:root[data-theme="blue"] header p{color:#526d81}:root[data-theme="blue"] h2,:root[data-theme="blue"] h3{color:#36556c}
:root[data-theme="blue"] .card,:root[data-theme="blue"] .install-help{box-shadow:0 6px 24px #3d627510}:root[data-theme="blue"] .install-help{background:#f9fcff}:root[data-theme="blue"] .tag{background:#e5eff7;color:#3c607a}
:root[data-theme="blue"] .summary,:root[data-theme="blue"] #saveStatus{background:#e5eef6;color:#365b75}:root[data-theme="blue"] .summary{border-color:#cbdce9}
:root[data-theme="blue"] nav button,:root[data-theme="blue"] button{background:#fcfdff;border-color:#c2d5e4}:root[data-theme="blue"] button:hover{background:#e7f0f8;border-color:#91b1c8}
:root[data-theme="blue"] button.active,:root[data-theme="blue"] button.primary,:root[data-theme="blue"] .choice .selected{background:var(--rose);border-color:var(--rose);color:#fff}:root[data-theme="blue"] button.primary:hover,:root[data-theme="blue"] button.active:hover{background:var(--rose-dark)}
:root[data-theme="blue"] label{color:#435e72}:root[data-theme="blue"] input,:root[data-theme="blue"] select,:root[data-theme="blue"] textarea{border-color:#c4d7e5;background:#fcfdff;color:var(--ink)}
:root[data-theme="blue"] .dish,:root[data-theme="blue"] th,:root[data-theme="blue"] td{border-color:#dce7ef}:root[data-theme="blue"] th{background:#eaf1f8;color:#3d5a70}:root[data-theme="blue"] .amount,:root[data-theme="blue"] #recipeEstimate{color:#365b75}:root[data-theme="blue"] footer{color:#5c7485}
:root[data-theme="blue"] button:focus-visible,:root[data-theme="blue"] input:focus-visible,:root[data-theme="blue"] select:focus-visible,:root[data-theme="blue"] textarea:focus-visible{outline-color:#5383a5}
