/* Per-layout color/type/shape overrides for the 14 widget-built layouts
   (see Appearance -> Customize -> Homepage Style), plus the "Color
   palette" picker's presets (Appearance -> Customize -> Theme Colors).
   Applied via a ".salon-layout-{slug}" body class
   (salon_suite_layout_body_class(), inc/customizer.php) on top of the base
   tokens in main.css's :root — same override pattern as
   inc/theme-colors.php's individual Customizer color controls, just
   scoped per layout/preset instead of site-wide.
   "hair-01" and "rose" both restate main.css's own defaults explicitly,
   rather than the simpler "there's just no override" approach a first
   pass took for hair-01 — that left it as the one layout (of 14) with no
   dedicated CSS block, and therefore the one layout NOT actually immune
   to the site-wide "Custom" color pickers in inc/theme-colors.php, since
   nothing else was overriding :root's inherited value on its body. An
   explicit block makes every layout, and the "Rose" preset itself,
   equally immune — see the "Custom" vs preset split in
   salon_suite_output_color_css(), inc/theme-colors.php. */

.salon-layout-rose,
.salon-layout-hair-01 {
	--color-accent: #b76e79;
	--color-accent-dark: #96525c;
	--color-accent-light: #f4e9eb;
	--color-ink: #2b2420;
	--color-bg: #faf6f2;
	--font-heading: Georgia, 'Times New Roman', serif;
	--radius: 10px;
}

.salon-layout-hair-02 {
	--color-accent: #c9a227;
	--color-accent-dark: #a3831c;
	--color-accent-light: #f7f1df;
	--color-ink: #1a1a1a;
	--color-bg: #f7f5f0;
	--font-heading: Georgia, 'Times New Roman', serif;
	--radius: 2px;
	--radius-button: 2px;
}

.salon-layout-hair-03 {
	--color-accent: #e63946;
	--color-accent-dark: #b32836;
	--color-accent-light: #fbe1e3;
	--color-ink: #1c1c1c;
	--color-bg: #f1f1f1;
	--font-heading: 'Helvetica Neue', Arial, sans-serif;
	--radius: 0px;
	--radius-button: 0px;
}

.salon-layout-hair-04 {
	--color-accent: #a67c52;
	--color-accent-dark: #815f3c;
	--color-accent-light: #f2ebe5;
	--color-ink: #241c15;
	--color-bg: #faf3e8;
	--font-heading: 'Times New Roman', Georgia, serif;
	--radius: 16px;
	--shadow-soft: 0 16px 40px rgba( 36, 28, 21, 0.14 );
}

.salon-layout-hair-05 {
	--color-accent: #4b7f52;
	--color-accent-dark: #386339;
	--color-accent-light: #e4ece5;
	--color-ink: #23271f;
	--color-bg: #f4f7ee;
	--font-heading: Georgia, 'Times New Roman', serif;
	--radius: 14px;
}

.salon-layout-hair-06 {
	--color-accent: #2b2420;
	--color-accent-dark: #000000;
	--color-accent-light: #dfdede;
	--color-ink: #1a1a1a;
	--color-bg: #ffffff;
	--font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	--radius: 4px;
	--radius-button: 4px;
}

.salon-layout-aesthetic-01 {
	--color-accent: #3f7ea6;
	--color-accent-dark: #2f5f7d;
	--color-accent-light: #e2ecf2;
	--color-ink: #202a30;
	--color-bg: #f5f9fb;
	--font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	--radius: 6px;
	--radius-button: 6px;
	--shadow-soft: 0 8px 24px rgba( 32, 42, 48, 0.06 );
}

.salon-layout-aesthetic-02 {
	--color-accent: #d98a9c;
	--color-accent-dark: #b8657a;
	--color-accent-light: #f9edf0;
	--color-ink: #2b2024;
	--color-bg: #fdf3f5;
	--font-heading: 'Times New Roman', Georgia, serif;
	--radius: 20px;
}

.salon-layout-aesthetic-03 {
	--color-accent: #7b3fa0;
	--color-accent-dark: #5c2e79;
	--color-accent-light: #ebe2f1;
	--color-ink: #201a26;
	--color-bg: #f8f4fb;
	--font-heading: 'Helvetica Neue', Arial, sans-serif;
	--radius: 12px;
}

.salon-layout-aesthetic-04 {
	--color-accent: #c98a4b;
	--color-accent-dark: #a06d38;
	--color-accent-light: #f7ede4;
	--color-ink: #26201a;
	--color-bg: #fbf6ef;
	--font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	--radius: 8px;
	--radius-button: 8px;
}

.salon-layout-spa-01 {
	--color-accent: #7c9885;
	--color-accent-dark: #5d7566;
	--color-accent-light: #ebf0ed;
	--color-ink: #232922;
	--color-bg: #f4f6f2;
	--font-heading: Georgia, 'Times New Roman', serif;
	--radius: 20px;
	--spacing-section: 120px;
}

.salon-layout-spa-02 {
	--color-accent: #b08968;
	--color-accent-dark: #8c6a4f;
	--color-accent-light: #f3ede8;
	--color-ink: #241f1a;
	--color-bg: #f9f4ee;
	--font-heading: 'Times New Roman', Georgia, serif;
	--radius: 18px;
}

.salon-layout-spa-03 {
	--color-accent: #6b8299;
	--color-accent-dark: #4f6377;
	--color-accent-light: #e9ecf0;
	--color-ink: #1f2226;
	--color-bg: #f6f7f8;
	--font-heading: 'Helvetica Neue', Arial, sans-serif;
	--radius: 10px;
	--radius-button: 10px;
}

.salon-layout-spa-04 {
	--color-accent: #9c6b8e;
	--color-accent-dark: #79506e;
	--color-accent-light: #f0e9ee;
	--color-ink: #241f23;
	--color-bg: #f8f3f6;
	--font-heading: 'Times New Roman', Georgia, serif;
	--radius: 16px;
}

/* Barbershop category (4 layouts) — added after the original 14 to serve
   barbers/hairdressers as their own audience rather than folding them
   into the general "Hair & Nails" category. */

.salon-layout-barber-01 {
	--color-accent: #7a2e2e;
	--color-accent-dark: #5f2424;
	--color-accent-light: #ebe0e0;
	--color-ink: #241a1a;
	--color-bg: #f7f1ee;
	--font-heading: Georgia, 'Times New Roman', serif;
	--radius: 8px;
	--radius-button: 8px;
}

.salon-layout-barber-02 {
	--color-accent: #1f7a72;
	--color-accent-dark: #185f59;
	--color-accent-light: #ddebea;
	--color-ink: #161f1e;
	--color-bg: #f0f5f4;
	--font-heading: 'Helvetica Neue', Arial, sans-serif;
	--radius: 2px;
	--radius-button: 2px;
}

.salon-layout-barber-03 {
	--color-accent: #6b4423;
	--color-accent-dark: #53351b;
	--color-accent-light: #e9e3de;
	--color-ink: #241d15;
	--color-bg: #f7f2ea;
	--font-heading: 'Times New Roman', Georgia, serif;
	--radius: 14px;
}

.salon-layout-barber-04 {
	--color-accent: #d9713c;
	--color-accent-dark: #a9582f;
	--color-accent-light: #f9eae2;
	--color-ink: #2a1f16;
	--color-bg: #fdf5ef;
	--font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	--radius: 12px;
}