/*
Theme Name: Pro Bay Child
Theme URI: https://probayhandyman.com
Description: Child theme for Pro Bay Handyman website
Author: Pro Bay Handyman
Template: kadence
Version: 1.0.0
Text Domain: probay-child
*/

:root {
  /* Color — HSL per brand guidelines */
  --pbh-accent:        28 87% 55%;     /* Amber #EE8A1F */
  --pbh-primary:       200 15% 25%;    /* Charcoal #37434A */
  --pbh-background:    40 33% 97%;     /* Cream #FAF7F1 */
  --pbh-secondary:     40 20% 93%;     /* Warm Gray #EFEAE0 */
  --pbh-muted-fg:      200 10% 45%;    /* Body muted #697480 */
  --pbh-border:        40 20% 88%;     /* Border #DFD8C9 */

  /* Typography */
  --pbh-font-display:  "Playfair Display", Georgia, serif;
  --pbh-font-body:     "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Type scale */
  --pbh-h1:   clamp(2.5rem, 5vw, 4.5rem);
  --pbh-h2:   clamp(2rem, 3.5vw, 2.5rem);
  --pbh-h3:   clamp(1.25rem, 2vw, 1.5rem);
  --pbh-eyebrow: 0.8125rem;
  --pbh-body: 1.0625rem;

  /* Layout */
  --pbh-container-max: 1400px;
  --pbh-container-pad: 2rem;
  --pbh-radius:        12px;
}

body {
  font-family: var(--pbh-font-body);
  font-size: var(--pbh-body);
  line-height: 1.6;
  color: hsl(var(--pbh-primary));
  background: hsl(var(--pbh-background));
}

h1, h2, h3, .pbh-display {
  font-family: var(--pbh-font-display);
  font-weight: 700;
  line-height: 1.1;
}

.pbh-eyebrow {
  font-family: var(--pbh-font-body);
  font-weight: 600;
  font-size: var(--pbh-eyebrow);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: hsl(var(--pbh-accent));
}