/* Legacy Home Services design tokens. The four brand colors are in
   docs/brand.md: Cream (text areas), Almond (panels), Copper (buttons and
   prices), Slate (text and links). Everything else here is a shade of those
   or the logo's tool gray. */
:root {
  /* Brand four */
  --cream: #F5EFE1;
  --almond: #E6DCC4;
  --copper: #9C4F2B;
  --slate: #36494F;

  /* Shades */
  --card: #FBF8F1;
  --almond-deep: #D9CDB0;
  --copper-deep: #7E3E20;
  --on-copper: #F5EFE1;
  --slate-deep: #26353A;
  --slate-soft: #485961;
  --steel: #979B9A;
  --rivet: #B9BCBA;
  --lamp-off: #4A5B60;
  --lamp-on: #E07A43;
  --line: rgba(54, 73, 79, .16);
  --line-strong: rgba(54, 73, 79, .38);

  /* Type */
  --f-mark: "Alfa Slab One", Rockwell, "Roboto Slab", Georgia, serif;
  --f-display: "Zilla Slab", Rockwell, "Roboto Slab", Georgia, serif;
  --f-label: "Oswald", "Arial Narrow", "Roboto Condensed", sans-serif;
  --f-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;

  /* Shape */
  --chamfer: 9px;
  --radius: 3px;
  --wrap: 1120px;
  --strip: 0px;
}