/* Roughley Mechanical — Brand System V1 (September 2026)
   Colors and type family transcribed from the brand system page.
   Scale/spacing below the fold not yet transcribed — see brand/NOTES.md. */

:root {
  /* Core — straight from the logo */
  --iron:     #18191B;  /* text, dark grounds */
  --slate:    #6B6F76;  /* logo ground */
  --copper:   #A95A2A;  /* actions only: Request Service, phone number */

  /* Neutrals */
  --graphite: #2A2C30;
  --steel:    #A9ADB3;
  --mist:     #E4E5E7;
  --paper:    #F5F4F1;

  /* Semantic */
  --bg:            var(--paper);
  --bg-alt:        var(--mist);
  --bg-inverse:    var(--iron);
  --text:          var(--iron);
  --text-muted:    var(--slate);
  --text-inverse:  #FFFFFF;
  --rule:          var(--iron);
  --accent:        var(--copper);

  /* Type — one family, three widths, echoing the logo */
  --font: "Archivo", "Archivo Expanded", system-ui, -apple-system, sans-serif;
  --width-display: 62%;   /* condensed — headlines, e.g. ROUGHLEY */
  --width-label:   125%;  /* expanded — labels, e.g. MECHANICAL */
  --width-body:    100%;  /* normal — reading */
}