/* Sherm Control Centre mockup-led draft v1.1, 6 November 2026.
   Reconstructed visual targets, not an exact extraction from editable design files.
   Final rendered sizes, not an additive application font overlay. */
@font-face {
  font-family: Inter;
  src: url("/inter-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --cc-green: #00754b;
  --cc-deep: #003a2e;
  --cc-ink: #0c153b;
  --cc-text: #273a60;
  --cc-muted: #617392;
  --cc-surface: #f6f9fb;
  --cc-white: #ffffff;
  --cc-line: #dce5ef;
  --cc-input-line: #8795ad;
  --cc-selected: #e3f5e8;
  --cc-focus: #277b96;
  --cc-success: #00754b;
  --cc-success-bg: #dcf5e6;
  --cc-warning: #805300;
  --cc-warning-bg: #fff3d6;
  --cc-danger: #a12c35;
  --cc-danger-bg: #fcebed;
  --cc-info: #255f85;
  --cc-info-bg: #eaf3fa;
  --cc-font: Inter, "Segoe UI", Arial, sans-serif;
  --cc-text-title: 28px;
  --cc-text-section: 22px;
  --cc-text-panel: 20px;
  --cc-text-body: 16px;
  --cc-text-control: 16px;
  --cc-text-table: 14px;
  --cc-text-meta: 14px;
  --cc-text-nav: 14px;
  --cc-text-metric: 30px;
  --cc-space-1: 4px;
  --cc-space-2: 8px;
  --cc-space-3: 12px;
  --cc-space-4: 16px;
  --cc-space-6: 24px;
  --cc-space-8: 32px;
  --cc-radius-panel: 8px;
  --cc-radius-control: 6px;
  --cc-radius-badge: 4px;
  --cc-control-height: 40px;
  --cc-row-height: 52px;
  --cc-rail-width: 210px;
  --cc-rail-intermediate: 195px;
  --cc-shadow-overlay: 0 8px 28px #073f341a;
}

/* Legacy names every existing stylesheet still uses, resolved to the guide tokens above so all
   sheets move together. Remove an alias only when no sheet references it. */
:root {
  --green: var(--cc-green);
  --text: var(--cc-text);
  --muted: var(--cc-muted);
  --line: var(--cc-line);
  --canvas: var(--cc-surface);
  --white: var(--cc-white);
  --accent: var(--cc-selected);
  --leaf: var(--cc-green);
  --isa-ink: var(--cc-ink);
  --ak-ink: var(--cc-ink);
  --wr-ink: var(--cc-ink);
  --price-ink: var(--cc-ink);
  --isa-ink2: var(--cc-muted);
  --ak-ink2: var(--cc-muted);
  --isa-ink3: var(--cc-muted);
  --ak-ink3: var(--cc-muted);
  --isa-line: var(--cc-line);
  --ak-line: var(--cc-line);
  --wr-line: var(--cc-line);
  --price-line: var(--cc-line);
  --isa-g9: var(--cc-deep);
  --ak-g9: var(--cc-deep);
  --isa-g8: var(--cc-green);
  --ak-g8: var(--cc-green);
  --wr-green: var(--cc-green);
  --price-green: var(--cc-green);
  --isa-g7: var(--cc-green);
  --ak-g7: var(--cc-green);
  --isa-g1: var(--cc-selected);
  --ak-g1: var(--cc-selected);
  --isa-g05: var(--cc-surface);
  --ak-g05: var(--cc-surface);
  --isa-blu: var(--cc-info);
  --ak-blu: var(--cc-info);
  --isa-blu1: var(--cc-info-bg);
  --ak-blu1: var(--cc-info-bg);
  --isa-amb: var(--cc-warning);
  --ak-amb: var(--cc-warning);
  --isa-amb1: var(--cc-warning-bg);
  --ak-amb1: var(--cc-warning-bg);
  --isa-red: var(--cc-danger);
  --ak-red: var(--cc-danger);
  --isa-red1: var(--cc-danger-bg);
  --ak-red1: var(--cc-danger-bg);
  --price-tint: var(--cc-selected);
  --price-muted: var(--cc-muted);
  --wr-muted: var(--cc-muted);
}

/* The guide font applies to every signed-in page; approved larger operational text is untouched. */
body { font-family: var(--cc-font); }