/* Cheramy Builders design tokens. Generated from design/tokens by wp/extract_assets.py. */

/* ---- colors.css ---- */
:root {
  /* ---- Core brand ---- */
  --gold: #B8996A;            /* primary brand accent / CTAs */
  --gold-hover: #C69A4E;      /* the single button hover across the site */
  --gold-soft: #C9AA79;       /* dots, accents on dark */
  --gold-deep: #6E5830;       /* eyebrow / small gold text on cream (AA: 5.3:1 on page, 6.6:1 on cards) */
  --gold-on-dark: #D8BC8B;    /* gold icons on pine/navy bands */
  --star: #D8AE4E;            /* review stars */

  --ink: #23282D;             /* text, nav, headings */
  --pine: #2C4A3B;            /* grounding band */
  --navy: #1B2A41;            /* alternate grounding band */

  /* ---- Surfaces / neutrals ---- */
  --cream-page: #E9E3D7;      /* greige page background */
  --cream-card: #FDFBF7;      /* card / hero surface */
  --cream: #F7F4EF;           /* light cream (logo bg tone) */
  --sand: #F4EFE4;            /* stat-card tint */
  --chip-bg: #F3EEE3;         /* eyebrow chip fill */
  --chip-border: #E7DFCD;
  --card-border: #EDE7DB;
  --border-sand: #EAE2D3;
  --divider-line: #DCD3C2;    /* secondary-link underline */

  /* ---- Text ---- */
  --text-muted: #8A8578;      /* muted / dividers / mono captions */
  --text-body: #6E6A60;       /* body copy */
  --text-body-soft: #7A756A;  /* stat labels */
  --on-dark: #F1ECE2;         /* text on ink/pine */
  --on-dark-dim: #E4DFD5;     /* nav links on ink */

  /* ---- Semantic aliases ---- */
  --accent: var(--gold);
  --accent-hover: var(--gold-hover);
  --text-primary: var(--ink);
  --text-eyebrow: var(--gold-deep);
  --surface-page: var(--cream-page);
  --surface-card: var(--cream-card);
  --surface-sand: var(--sand);
  --surface-dark: var(--ink);
  --surface-ground: var(--pine);
  --border-soft: var(--card-border);
}

/* ---- typography.css ---- */
:root {
  /* ---- Families ---- */
  --font-display: 'Archivo', system-ui, sans-serif;   /* headings & display */
  --font-body: 'Source Sans 3', system-ui, sans-serif; /* body, UI, labels */
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace; /* specs, small meta */

  /* ---- Weights ---- */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;

  /* ---- Sizes (fluid where the site is fluid) ---- */
  --text-h1: clamp(2.375rem, 5vw, 3.75rem);
  --text-h2: clamp(2rem, 4vw, 3rem);
  --text-h3: 1.625rem;
  --text-lead: clamp(1.0625rem, 1.5vw, 1.1875rem);
  --text-body-size: 1rem;
  /* Body copy inside cards, bios, reviews and captions. One value so these can never
     drift apart again: the service cards had crept to 0.90625rem while every other card
     sat at 0.9375rem. */
  --text-card: 0.9375rem;
  --text-small: 0.9375rem;
  --text-nav: 0.90625rem;
  --text-eyebrow-size: 1.125rem;

  /* ---- Line heights ---- */
  --lh-display: 1.02;
  --lh-heading: 1.05;
  --lh-body: 1.56;

  /* ---- Tracking ---- */
  --tracking-tight: -0.022em;  /* display headings */
  --tracking-eyebrow: 0.09em;  /* uppercase eyebrows */
  --tracking-mono: 0.12em;     /* uppercase mono labels */
}

/* ---- spacing.css ---- */
:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Layout */
  --page-max: 90rem;
  --page-gutter: 1.75rem;
  /* THE space between any two sections. Applied as a margin BETWEEN siblings, never
     as padding on both, so it can never double: the boundary is this value no matter
     which two sections meet. Change it here and the whole site moves together. */
  --section-gap: 3.5rem;
  /* Internal breathing room inside a coloured band (pine/ink/photo). */
  --band-pad: 4rem;
  --card-pad: clamp(2rem, 3.4vw, 3.5rem);
}

/* ---- radius.css ---- */
:root {
  --radius-pill: 62.5rem;   /* all buttons, chips, tags */
  --radius-xl: 1.875rem;      /* hero card */
  --radius-lg: 1.5rem;      /* service cards, grounding band */
  --radius-md: 1rem;      /* stat cards */
  --radius-sm: 0.75rem;      /* small surfaces */
}

/* ---- shadows.css ---- */
:root {
  --shadow-nav: 0 1rem 2.75rem -1.25rem rgba(35, 40, 45, 0.55);   /* floating nav pill */
  --shadow-card: 0 1.875rem 4.375rem -2.125rem rgba(35, 40, 45, 0.28);  /* hero / large cards */
  --shadow-photo: 0 1.5rem 3.375rem -1.875rem rgba(35, 40, 45, 0.40); /* photo cards */
}