// Hand-drawn-feeling line icons in mocha tone for worry & feature sections.
const Icon = ({ children, size=44, stroke="var(--mocha)" }) => (
);
// 1. dry hair / frizz waves
const IconDry = (p) => (
);
// 2. spreading frizzed ends
const IconSpread = (p) => (
);
// 3. droplet (color / dryness)
const IconDrop = (p) => (
);
// 4. sauna hat
const IconHat = (p) => (
);
// FEATURES
// 1. veil / drop with halo
const IconVeil = (p) => (
);
// 2. focus on hair ends — three strands tied at top
const IconEnds = (p) => (
);
// 3. herb leaf
const IconHerb = (p) => (
);
// STEP icons
// 1. hand applying to hair ends
const IconHand = (p) => (
);
// 2. wrap hat (with hair tucked)
const IconWrap = (p) => (
);
// 3. shower
const IconShower = (p) => (
);
// small chevron
const Chev = ({size=14, color="currentColor"}) => (
);
// thin dot ornament
const Ornament = ({color="var(--mocha)"}) => (
);
Object.assign(window, {
IconDry, IconSpread, IconDrop, IconHat,
IconVeil, IconEnds, IconHerb,
IconHand, IconWrap, IconShower,
Chev, Ornament
});