/* Compartido por el catálogo independiente y la integración. Cargar al final.
   Respetar la paleta del sistema: nunca desactivar forced-color-adjust. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){
 :root{--paper:#191e1b;--ink:#e7eee9;--muted:#cad5cd;--line:#7b8b80;--accent:#293a30;--card:#222b25}
 body{background:var(--paper);color:var(--ink)}
 body :is(.card,.pair-answer,.relation-list .relation,.product-research,.product-composition,dialog){background:var(--card);color:var(--ink);border-color:var(--line)}
 body :is(.preview,.decision-filters,.pair-controls,.hero-note,.closing-note,.example,.composition-note,.purchase-panel,.combinations,.benefits-grid article,.ingredient-groups article){background:#27362d;color:var(--ink);border-color:var(--line)}
 body :is(.chips span,.pair-tag,.relation-status){background:#304437;color:#e7eee9}
 body :is(.condition-alert,.precautions,.pair-answer.caution,.relation-caution .relation-status,.caution .pair-tag){background:#382e1d;color:#f5e5c6;border-color:#dfb770}
 body :is(input,select,.search input){background:#222b25;color:var(--ink);border-color:#91a497}
 body :is(.ingredient-groups h4,.ingredient-groups p,.product-research p,.product-composition p,.product-questions summary,.research-sources summary,.ingredient-list summary,.composition-expanded summary,.placeholder,.steps b,.step-number){color:var(--muted)}
 body :is(.composition-scroll,.composition-table th,.composition-table td,.product-usage>.evidence,.product-questions details,.research-sources,.ingredient-list,.composition-expanded){border-color:var(--line)}
 body :is(.composition-table caption,.composition-table thead){background:#304035;color:var(--ink)}
 body .benefit-panel{color:var(--ink)}
 body :is(.benefit-panel-intro,.benefit-footnote,.benefit-legend p,.benefit-legend li){color:var(--muted)}
 body .benefit-legend{background:#292730;border-color:#8e839c;color:var(--ink)}
 body .green{--benefit-color:#9ee0b6;--benefit-pill:#243c2c}
 body .amber{--benefit-color:#f5d28c;--benefit-pill:#3c311c}
 body .purple{--benefit-color:#d6b9f0;--benefit-pill:#382b44}
 body .red{--benefit-color:#ffb6b2;--benefit-pill:#422726}
 body .benefit-row{background:#292730}
 body .benefit-row .benefit-answer,body :is(.benefit-proof summary,.benefit-proof p,.benefit-proof a){color:#e0dae8}
 body .benefit-proof[open]{border-color:#8e839c}
 body .benefit-warnings .benefit-row{background:#382827}
 body .product-action.action-buy{background:#cfe2be;color:#182b20;border-color:#cfe2be}
 body .product-action.action-learn,body .product-action.action-label{color:#e7eee9;border-color:#91a497}
 body :is(.source,.combination-guide-link){background:#cfe2be;color:#182b20}
 body :is(.secondary-link,.pair-links a,.decision-filters button,.relation button){background:#222b25;color:var(--ink);border-color:#91a497}
 body .mobile-purchase{background:#222b25;color:var(--ink);border-color:#91a497}
 /* Mantener legible el envase: no oscurecer ni multiplicar la fotografía. */
 body img{opacity:1;filter:none;mix-blend-mode:normal}
 body :is(.photo,.product-photo){background:#edf0e6}
 body :is(.photo .placeholder,.product-photo>span){color:#344638}
 body :is(a,button,summary,input,select,[tabindex]):focus-visible{outline:3px solid #ffd28a;outline-offset:4px}
}
/* Más contraste sin cambiar el orden, el contenido ni los controles. */
@media(prefers-contrast:more){
 :root{--paper:#fff;--ink:#111;--muted:#111;--line:#333;--accent:#fff;--card:#fff}
 body{background:var(--paper);color:var(--ink)}
 body :is(.card,.pair-answer,.relation,.product-research,.product-composition,.ingredient-groups article,.benefit-row,.benefit-legend,.combinations,.composition-note,.purchase-panel,.condition-alert,.precautions,.decision-filters,.pair-controls,.hero-note,.closing-note,.example,.benefits-grid article,.mobile-purchase,dialog){background:var(--paper);color:var(--ink);border-color:var(--ink);border-width:2px;border-style:solid;box-shadow:none}
 body :is(p,li,summary,small,caption,th,td,.eyebrow,.brand,.evidence-level,.placeholder,.steps b,.step-number,.product-photo>span){color:var(--ink)!important}
 body :is(.chips span,.pair-tag,.relation-status,.benefit-row h4,.composition-table caption,.composition-table thead,.photo,.product-photo){background:var(--paper);color:var(--ink);border:1px solid var(--ink)}
 body :is(input,select,.secondary-link,.pair-links a,.decision-filters button,.relation button),body .product-action.action-learn,body .product-action.action-label{color:var(--ink);background:var(--paper);border:2px solid var(--ink)}
 body .product-action.action-buy,body :is(.source,.combination-guide-link){background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:none}
 body a:not(.product-action):not(.source):not(.combination-guide-link){text-decoration:underline;text-underline-offset:4px}
 body :is(a,button,summary,input,select,[tabindex]):focus-visible{outline:3px solid var(--ink);outline-offset:4px}
 body :is(.composition-scroll,.composition-table th,.composition-table td,.product-usage>.evidence,.product-questions details,.research-sources,.ingredient-list,.composition-expanded){border-color:var(--ink)}
 body .benefit-row.green{border-left:5px solid var(--ink)}
 body .benefit-row.amber{border-left:5px dashed var(--ink)}
 body .benefit-row.purple{border-left:5px dotted var(--ink)}
 body .benefit-row.red{border-left:6px double var(--ink)}
 body .product-action:hover{filter:none;text-decoration:underline}
 body img{opacity:1;filter:none;mix-blend-mode:normal}
}
@media(prefers-contrast:more) and (prefers-color-scheme:dark){
 :root{--paper:#101310;--ink:#fff;--muted:#fff;--line:#fff;--accent:#101310;--card:#101310}
}
/* Colores forzados: utilizar los elegidos por la persona, conservando bordes
   reales y los nombres escritos de cada nivel aunque desaparezca el color. */
@media(forced-colors:active){
 :root{--paper:Canvas;--ink:CanvasText;--muted:CanvasText;--line:CanvasText;--accent:Canvas;--card:Canvas}
 body{background:Canvas;color:CanvasText}
 body .product-action,body .card .product-action,body :is(.source,.secondary-link,.combination-guide-link,.pair-links a){background:Canvas;color:LinkText;border:2px solid LinkText;box-shadow:none;text-decoration:underline;filter:none}
 body .product-action.action-buy{border:3px solid LinkText;font-weight:800}
 body :is(button,input,select){border:2px solid ButtonText;background:ButtonFace;color:ButtonText}
 body :is(.benefit-row,.benefit-legend,.card,.product-research,.product-composition,.ingredient-groups article,.condition-alert,.precautions,.pair-answer,.mobile-purchase,dialog){background:Canvas;color:CanvasText;border:2px solid CanvasText;box-shadow:none}
 body :is(.composition-scroll,.composition-table th,.composition-table td,.product-usage>.evidence,.product-questions details,.research-sources,.ingredient-list,.composition-expanded){border-color:CanvasText}
 body .benefit-row.green{border-left:5px solid CanvasText}
 body .benefit-row.amber{border-left:5px dashed CanvasText}
 body .benefit-row.purple{border-left:5px dotted CanvasText}
 body .benefit-row.red{border-left:6px double CanvasText}
 body :is(.benefit-row h4,.evidence-level){color:CanvasText;background:Canvas}
 body :is(a,button,summary,input,select,[tabindex]):focus-visible{outline:3px solid Highlight;outline-offset:4px}
 body img{opacity:1;filter:none;mix-blend-mode:normal}
}