/* ===================================================================
RESALE SKINS — three reskins of the master template
To activate: add (or .theme-nail / .theme-lounge)
The default (no class) is the master "Glow & Co." beauty palette.
=================================================================== */
/* ─── LUXURY SALON ──────────────────────────────────────────────
Editorial high-end salon — deep noir base, oxblood accent,
antique-gold metallic. Reads as expensive and authoritative.
Best for: bridal-focused or high-ticket color studios.
──────────────────────────────────────────────────────────── */
body.theme-luxury {
--ivory: #f5f1ea;
--ivory-warm: #ece6dc;
--blush: #e6dfd2;
--blush-deep: #d6cabc;
--rose-wash: #f1e4dc;
--rose-soft: #d8b8a8;
--rose: #a8826a;
--pink: #7a2c3a; /* oxblood */
--pink-deep: #4d1820;
--gold: #b8924a; /* antique gold */
--gold-deep: #6e5524;
--mauve: #735c5c;
--charcoal: #0c0a0a;
--charcoal-2: #1f1c1c;
--ink: #3a3432;
--muted: #7a6f6a;
--font-display: "Cormorant Garamond", "Fraunces", Georgia, serif;
}
/* ─── MODERN NAIL STUDIO ────────────────────────────────────────
Bright, playful, current. Hot pink + lavender + cream.
Best for: nail-art-focused studios targeting Gen Z / millennial.
──────────────────────────────────────────────────────────── */
body.theme-nail {
--ivory: #fffaff;
--ivory-warm: #fff0fb;
--blush: #ffe1f0;
--blush-deep: #ffb8dc;
--rose-wash: #ffd4ee;
--rose-soft: #ff9cce;
--rose: #ff5ea8;
--pink: #ff1493; /* hot pink — the original ask */
--pink-deep: #c5006f;
--gold: #d6a0e8; /* lavender pop */
--gold-deep: #8a4ea5;
--mauve: #ff85b8;
--charcoal: #2a0a1e;
--charcoal-2: #421535;
--ink: #5a2848;
--muted: #a86b8d;
--shadow-md: 0 16px 50px rgba(255,20,147,0.18);
--shadow-lg: 0 30px 80px rgba(255,20,147,0.24);
--glow-pink: 0 18px 50px rgba(255,20,147,0.45);
}
/* ─── SOFT BEAUTY LOUNGE ────────────────────────────────────────
Spa-like and quiet. Warm sand, sage, terracotta blush.
Best for: lash + brow lounges, facial bars, wellness-adjacent.
──────────────────────────────────────────────────────────── */
body.theme-lounge {
--ivory: #faf6ef;
--ivory-warm: #f1eadd;
--blush: #efe1d2;
--blush-deep: #ddc5b0;
--rose-wash: #f0dccc;
--rose-soft: #d9b89a;
--rose: #b08868;
--pink: #a86b56; /* terracotta */
--pink-deep: #7a4938;
--gold: #9a9874; /* sage */
--gold-deep: #5e5d44;
--mauve: #8a6e5f;
--charcoal: #2c241a;
--charcoal-2: #3d3326;
--ink: #5a4e3d;
--muted: #8a7a64;
--font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;
--font-script: "Cormorant Garamond", "Italiana", Georgia, serif;
}
/* Usage notes:
1. Link this file after styles.css:
2. Add the body class on every page to apply globally:
3. To create your own skin, copy a block above, rename, and override
the variables you want different. Everything else stays inherited.
4. Gallery tile surface colors (.s-pink, .s-rose, etc.) automatically
re-derive from the variables — no per-tile edits required.
*/