/* skin-heladeria — naranja Copito + tinta marrón + polar. Nace con demo-heladeria
   (rediseño Stitch ago-2026, Copito = cliente cero del producto heladeria).
   El DS hl-* define sus propios tokens; este skin alinea las variables Porto
   para todo lo que se renderiza fuera del DS (módulos compartidos, admin bar). */
/* General */
:root {
	--border-radius: 10px;
	--border-radius2x: 20px;
	--default: #7C6A5C;
}
/* Skin Colors - Heladería "Fábrica, no heladería" */
:root {
/* Primary: Naranja Copito (#FF6600) */
	--primary: #FF6600;
	--primary-100: #E05A00;
	--primary-200: #C24E00;
	--primary-300: #A34100;
	--primary--100: #FF8533;
	--primary--200: #FFA366;
	--primary--300: #FFC299;
	--primary-rgba-0: rgba(255, 102, 0, 0);
	--primary-rgba-10: rgba(255, 102, 0, 0.10);
	--primary-rgba-20: rgba(255, 102, 0, 0.20);
	--primary-rgba-30: rgba(255, 102, 0, 0.30);
	--primary-rgba-40: rgba(255, 102, 0, 0.40);
	--primary-rgba-50: rgba(255, 102, 0, 0.50);
	--primary-rgba-60: rgba(255, 102, 0, 0.60);
	--primary-rgba-70: rgba(255, 102, 0, 0.70);
	--primary-rgba-80: rgba(255, 102, 0, 0.80);
	--primary-rgba-90: rgba(255, 102, 0, 0.90);
/* Secondary: Tinta marrón (#23150C) */
	--secondary: #23150C;
	--secondary-100: #1F120B;
	--secondary-200: #1B1009;
	--secondary-300: #160D08;
	--secondary--100: #4F443D;
	--secondary--200: #7B736D;
	--secondary--300: #A7A19E;
	--secondary-rgba-0: rgba(35, 21, 12, 0);
	--secondary-rgba-10: rgba(35, 21, 12, 0.10);
	--secondary-rgba-20: rgba(35, 21, 12, 0.20);
	--secondary-rgba-30: rgba(35, 21, 12, 0.30);
	--secondary-rgba-40: rgba(35, 21, 12, 0.40);
	--secondary-rgba-50: rgba(35, 21, 12, 0.50);
	--secondary-rgba-60: rgba(35, 21, 12, 0.60);
	--secondary-rgba-70: rgba(35, 21, 12, 0.70);
	--secondary-rgba-80: rgba(35, 21, 12, 0.80);
	--secondary-rgba-90: rgba(35, 21, 12, 0.90);
/* Tertiary: Polar (#17697E) */
	--tertiary: #17697E;
	--tertiary-100: #145C6F;
	--tertiary-200: #115060;
	--tertiary-300: #0F4351;
	--tertiary--100: #458798;
	--tertiary--200: #74A5B2;
	--tertiary--300: #A2C3CB;
	--tertiary-rgba-0: rgba(23, 105, 126, 0);
	--tertiary-rgba-10: rgba(23, 105, 126, 0.10);
	--tertiary-rgba-20: rgba(23, 105, 126, 0.20);
	--tertiary-rgba-30: rgba(23, 105, 126, 0.30);
	--tertiary-rgba-40: rgba(23, 105, 126, 0.40);
	--tertiary-rgba-50: rgba(23, 105, 126, 0.50);
	--tertiary-rgba-60: rgba(23, 105, 126, 0.60);
	--tertiary-rgba-70: rgba(23, 105, 126, 0.70);
	--tertiary-rgba-80: rgba(23, 105, 126, 0.80);
	--tertiary-rgba-90: rgba(23, 105, 126, 0.90);
/* Quaternary: Crema profunda (#F7EDE2) */
	--quaternary: #F7EDE2;
	--quaternary-100: #D9D1C7;
	--quaternary-200: #BCB4AC;
	--quaternary-300: #9E9891;
	--quaternary--100: #F9F1E8;
	--quaternary--200: #FAF4EE;
	--quaternary--300: #FCF8F3;
	--quaternary-rgba-0: rgba(247, 237, 226, 0);
	--quaternary-rgba-10: rgba(247, 237, 226, 0.10);
	--quaternary-rgba-20: rgba(247, 237, 226, 0.20);
	--quaternary-rgba-30: rgba(247, 237, 226, 0.30);
	--quaternary-rgba-40: rgba(247, 237, 226, 0.40);
	--quaternary-rgba-50: rgba(247, 237, 226, 0.50);
	--quaternary-rgba-60: rgba(247, 237, 226, 0.60);
	--quaternary-rgba-70: rgba(247, 237, 226, 0.70);
	--quaternary-rgba-80: rgba(247, 237, 226, 0.80);
	--quaternary-rgba-90: rgba(247, 237, 226, 0.90);
	--dark: #23150C;
	--light: #FDF7F1;
	--grey: #F7EDE2;
	--body-color: #4A3A2E;
}
a { color: var(--primary-100); }
a:hover { color: var(--primary); }