/* Sterling Pratt LLC — brand tokens. v1.0, August 2026.
   Inherited from the client proposal (ink / paper / petrol scales, Instrument Serif + Inter).
   House accent --brass replaces the client blue #0095DA, which is never used in Sterling Pratt material. */

:root {
  /* ---- Ink ---- */
  --ink:       #14181D; /* headlines, primary text on paper                17.2:1 on paper */
  --ink-2:     #3D4750; /* body text                                        9.2:1 on paper */
  --ink-3:     #6B7680; /* captions, labels, table headers                  4.5:1 on paper */

  /* ---- Paper ---- */
  --paper:     #FCFBF8; /* primary background */
  --sand:      #F4F1EA; /* panel fill */
  --rule:      #DCD7CF; /* hairline rules, panel edges */
  --rule-2:    #EDE9E3; /* table rules, interior dividers */

  /* ---- Petrol ---- */
  --petrol:    #0E3B52; /* primary brand colour: dark panels, headings     11.5:1 on paper */
  --petrol-2:  #1B5875; /* secondary tint, links, hover                     7.5:1 on paper */

  /* ---- Brass (house accent) ---- */
  --brass:      #A17B39; /* the mark, accent rules, figure keys. Graphic + large text only: 3.8:1 on paper */
  --brass-deep: #7A5A28; /* brass as TEXT on paper                           6.1:1 on paper */
  --brass-tint: #E9E0CD; /* accent panel fill, hairline on sand. Never behind body text at low contrast */

  /* ---- Type ---- */
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --figures: tabular-nums; /* apply font-variant-numeric: var(--figures) to every numeral */

  --step-display-xl: 64px;  --lh-display-xl: 0.96;
  --step-display-l:  44px;  --lh-display-l:  1.02;
  --step-display-m:  32px;  --lh-display-m:  1.08;
  --step-lead:       20px;  --lh-lead:       1.5;
  --step-body:       16px;  --lh-body:       1.6;
  --step-body-s:     14px;  --lh-body-s:     1.55;
  --step-label:      12px;  --lh-label:      1.2;  --tracking-label: 0.12em;
  --step-micro:      11px;  --lh-micro:      1.3;  --tracking-micro: 0.06em;

  /* ---- Space (4px base, 8px rhythm) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  /* ---- Line and edge ---- */
  --hairline: 1px solid var(--rule);
  --hairline-interior: 1px solid var(--rule-2);
  --rule-accent: 2px solid var(--brass);
  --rule-heavy: 2px solid var(--petrol);
  --radius: 0px;      /* squared by default */
  --radius-punch: 2px; /* only the logo cartouche carries a chamfer, drawn in the SVG */
  --measure: 68ch;    /* maximum body measure */
}