/*
 * Mini Moy's — skin (on the dewy design).
 *
 * Loaded AFTER design-dewy.css, so it re-points dewy's defaults. Plain CSS,
 * hand-edited, never compiled. Knob map: sites/webstore/skin.css.
 *
 * Direction: Joy Moy's little sister. Joy Moy (joymoy.com) is black/white
 * with a pale mint (#f0f9f5) and Baskervville/Afacad Flux — grown-up and
 * clinical-clean. Mini Moy's keeps the MINT as one of its four tints so the
 * two read as family, and swaps the monochrome for rose, lilac and butter:
 * softer, cuter, a scent shop rather than a skincare lab.
 *
 * Contrast, MEASURED (WCAG, 2026-09-29):
 *   ink #3d2c36 on #fffafb 12.61 · ink-2 4.99 · accent-ink #8e4468 6.40
 *   white on --accent #9c4f73 5.56 · white on --sale 5.00
 *   ink on every tint ≥ 10.45
 *   dark: ink 15.27 · ink-2 7.95 · accent-ink 9.40 · #1e171b on rose 8.97
 *
 * (The first minimoys skin — moss green, "a garden world" — was written
 * before we knew what the brand sells. Replaced 2026-09-29.)
 */

[data-theme="light"] {
	--bg:         #fffafb;
	--section:    #fffafb;
	--wash:       #fbf0f3;
	--bg-3:       #f3dfe6;

	--ink:        #3d2c36;
	--ink-2:      #7b6873;
	--ink-3:      #a08f99;
	--line:       rgba(61, 44, 54, .10);
	--line-2:     rgba(61, 44, 54, .18);

	--accent:     #9c4f73;   /* rose-plum */
	--accent-ink: #8e4468;
	--accent-2:   #f6e2ec;
	--on-accent:  #ffffff;

	--tint-1: #f9e1e6;   /* rose */
	--tint-2: #ebe3f5;   /* lilac */
	--tint-3: #f8efcf;   /* butter */
	--tint-4: #e4f4ec;   /* Joy Moy mint, a shade deeper than #f0f9f5 so it shows on the page */

	--dew-1: rgba(240, 178, 200, .70);
	--dew-2: rgba(206, 190, 240, .65);
	--dew-3: rgba(186, 228, 208, .70);
}

[data-theme="dark"] {
	--bg:         #1e171b;
	--section:    #1e171b;
	--wash:       #271e23;
	--bg-3:       #33282e;

	--ink:        #f7ecf1;
	--ink-2:      #bda9b3;
	--ink-3:      #8c7a84;

	--accent:     #e9a6c3;
	--accent-ink: #f0a9c8;
	--accent-2:   #3b2530;
	--on-accent:  #1e171b;

	--tint-1: #35232b;
	--tint-2: #2c2638;
	--tint-3: #332d20;
	--tint-4: #1f3129;

	--dew-1: rgba(233, 166, 195, .20);
	--dew-2: rgba(180, 160, 230, .16);
	--dew-3: rgba(140, 210, 180, .14);
}

/* Product photos: roller bottles are tall and thin — give them more air. */
:root { --product-pad: 12%; }