/* Sturdy tokens v1.0, October 10, 2026. From Sturdy Brand Book v1.0. Light by default, dark follows the device unless data-theme says otherwise. */
/* Fonts: load Saira (400, 500, 600, 700) and Saira Semi Condensed (700, 800) from Google Fonts or the Fonts folder. Both are free under the OFL. */
:root {
  --sturdy-day-mist: #ECF1EF;
  --sturdy-day-surface: #F7FAF9;
  --sturdy-day-white: #FFFFFF;
  --sturdy-day-ink: #1D2826;
  --sturdy-day-steel: #536460;
  --sturdy-day-line: #C6D2CE;
  --sturdy-day-line-soft: #DCE4E1;
  --sturdy-day-copper: #9A5226;
  --sturdy-day-patina: #1F4D47;
  --sturdy-day-bright-copper: #EFA676;
  --sturdy-night-black-iron: #17191B;
  --sturdy-night-gunmetal: #222528;
  --sturdy-night-inner-tile: #2A2E31;
  --sturdy-night-light-ink: #EDEFF0;
  --sturdy-night-steel: #A3ABB1;
  --sturdy-night-copper: #C8733B;
  --sturdy-night-bright-copper: #D98A55;
  --sturdy-night-deep-patina: #173A36;
  --sturdy-night-line: #3A3F44;
  --sturdy-night-line-soft: #2F3438;
  --sturdy-icon-copper: #B8652F;
  --sturdy-verdigris: #7FB3A6; /* fills only, never text */
  --sturdy-cream-thread: #F1E4D3;
  --sturdy-data-day-1: #008974; /* service-calls */
  --sturdy-data-day-2: #BC662F; /* replacements */
  --sturdy-data-day-3: #4567A8; /* maintenance-plans */
  --sturdy-data-day-4: #3EAF86; /* new-construction */
  --sturdy-data-night-1: #059488; /* service-calls */
  --sturdy-data-night-2: #D07940; /* replacements */
  --sturdy-data-night-3: #5679BB; /* maintenance-plans */
  --sturdy-data-night-4: #50A064; /* new-construction */
  --sturdy-font-display: "Saira Semi Condensed", "Arial Narrow", sans-serif;
  --sturdy-font-body: "Saira", Arial, sans-serif;
  --sturdy-font-email: Arial, Helvetica, sans-serif;
  --sturdy-space-1: 4px;
  --sturdy-space-2: 8px;
  --sturdy-space-3: 12px;
  --sturdy-space-4: 16px;
  --sturdy-space-5: 24px;
  --sturdy-space-6: 32px;
  --sturdy-space-7: 48px;
  --sturdy-space-8: 64px;
  --sturdy-space-9: 96px;
  --sturdy-radius: 0;
  --sturdy-border: 1px;
  --sturdy-callout-rule: 4px;
  --sturdy-focus: 3px;
  --sturdy-container: 1180px;
  --sturdy-type-hero: 800 clamp(44px, 6vw, 80px)/0.98 var(--sturdy-font-display);
  --sturdy-type-h1: 800 52px/54px var(--sturdy-font-display);
  --sturdy-type-h2: 800 30px/34px var(--sturdy-font-display);
  --sturdy-type-h3: 700 20px/26px var(--sturdy-font-display);
  --sturdy-type-body: 400 16px/25px var(--sturdy-font-body);
  --sturdy-type-lede: 400 19px/29px var(--sturdy-font-body);
  --sturdy-type-label: 700 11px/1.2 var(--sturdy-font-body); /* tracking 0.16em, caps */
  /* roles, by day */
  --bg-page: #ECF1EF; /* Page background */
  --bg-card: #F7FAF9; /* Cards and panels */
  --bg-inner: #FFFFFF; /* Inputs and inner tiles */
  --text: #1D2826; /* Body text and headlines */
  --text-muted: #536460; /* Small and secondary text */
  --border: #C6D2CE; /* Strong 1 px lines */
  --border-soft: #DCE4E1; /* Soft dividers and table rules */
  --brand: #9A5226; /* Buttons, links and labels. By night the button color is bright copper */
  --on-brand: #FFFFFF; /* Text on a brand-colored button */
  --mark: #9A5226; /* The hex in the mark. Graphics only, never small text on white at night copper */
  --band: #1F4D47; /* Feature bands */
  --on-band: #FFFFFF; /* Text on a band */
  --band-label: #EFA676; /* Labels and buttons on a band */
  --band-muted: #BCD3CE; /* Secondary text on a band */
  --data-1: #008974; /* Teal leads the data */
  --good: #2F7D4F; /* Status: good. Always with an icon or a word */
  --warning: #B45309; /* Status: warning. Always with an icon or a word */
  --problem: #A63A3A; /* Status: problem. Always with an icon or a word */
  --focus: #9A5226; /* 3 px focus outline, 3 px offset. Never removed */
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg-page: #17191B;
  --bg-card: #222528;
  --bg-inner: #2A2E31;
  --text: #EDEFF0;
  --text-muted: #A3ABB1;
  --border: #3A3F44;
  --border-soft: #2F3438;
  --brand: #D98A55;
  --on-brand: #17191B;
  --mark: #C8733B;
  --band: #173A36;
  --on-band: #FFFFFF;
  --band-label: #D98A55;
  --band-muted: #BCD3CE;
  --data-1: #059488;
  --good: #6CC08A;
  --warning: #F0A23B;
  --problem: #E58A7E;
  --focus: #D98A55;
  color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg-page: #17191B;
  --bg-card: #222528;
  --bg-inner: #2A2E31;
  --text: #EDEFF0;
  --text-muted: #A3ABB1;
  --border: #3A3F44;
  --border-soft: #2F3438;
  --brand: #D98A55;
  --on-brand: #17191B;
  --mark: #C8733B;
  --band: #173A36;
  --on-band: #FFFFFF;
  --band-label: #D98A55;
  --band-muted: #BCD3CE;
  --data-1: #059488;
  --good: #6CC08A;
  --warning: #F0A23B;
  --problem: #E58A7E;
  --focus: #D98A55;
  color-scheme: dark;
}
/* Measured text pairs (WCAG, rounded down): text on bg-page 13.29 day, 15.28 night; text-muted on bg-page 5.47 day, 7.56 night; text-muted on bg-card 5.95 day, 6.61 night; brand on bg-page 5.09 day, 6.47 night; on-brand on brand 5.81 day, 6.47 night; on-band on band 9.49 day, 12.38 night; band-label on band 4.69 day, 4.55 night */