/* Base palette — sampled from 1stproservice.com */
:root{
  /* Brand */
  --orange-500:#ea742b;      /* primary brand orange, the site's dominant accent */
  --orange-600:#df6e28;      /* pressed / darker fill */
  --orange-700:#c85e1f;      /* deep, for text on light when contrast is needed */
  --orange-accent:#f57400;   /* the h4 "eyebrow" orange, slightly hotter */
  --orange-100:#fdeee2;      /* tint wash, derived */

  /* Neutrals */
  --black:#000000;
  --ink-900:#1a1a1a;
  --ink-700:#3d4852;         /* body copy / muted headings */
  --ink-500:#616c79;
  --ink-300:#c1c1c1;
  --line-200:#dadada;
  --grey-050:#f2f2f2;        /* alternating section band */
  --cool-050:#eff2f6;        /* icon medallions, soft panels */
  --field-050:#f4f4f4;       /* form input fill */
  --white:#ffffff;

  /* Transparencies */
  --scrim-20:rgba(0,0,0,.20); /* hero photo overlay */
  --scrim-40:rgba(0,0,0,.40);
  --scrim-60:rgba(0,0,0,.60);
  --hairline:rgba(0,0,0,.10);
  --white-70:rgba(255,255,255,.70);

  /* Semantic aliases */
  --brand:var(--orange-500);
  --brand-hover:var(--orange-600);
  --brand-eyebrow:var(--orange-accent);
  --text-heading:var(--black);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-invert:var(--white);
  --text-on-brand:var(--white);
  --link:var(--orange-500);
  --link-hover:var(--black);
  --surface-page:var(--white);
  --surface-band:var(--grey-050);
  --surface-card:var(--white);
  --surface-soft:var(--cool-050);
  --surface-field:var(--field-050);
  --surface-ink:var(--black);
  --surface-brand:var(--orange-500);
  --border-default:var(--line-200);
  --border-strong:var(--black);
  --overlay-photo:var(--scrim-20);
  --focus-ring:var(--orange-500);
}