/* ChairClick™ — design tokens, extracted from the owner's mockups
   (design/mockups-2026-09-24/, 2026-09-24). Colours were median-sampled from
   the mockup pixels; type sizes were measured at the mockup's 1024px width.
   Every colour, radius, border and shadow on the rebuilt pages traces back to
   one of these. Do not add page-local colours — add a token here. */

:root {
  /* Colour */
  --blue: #0560FA;            /* buttons, blue headline lines, active nav, links */
  --blue-hover: #044FD6;
  --blue-deep: #1E4DA6;       /* text on the pale-blue banner / badge */
  --blue-ink: #1E5DC1;        /* small blue numerals (01, 02 …) on white */
  --blue-tint: #E3EEFD;       /* icon circles */
  --blue-tint-2: #E5F3FE;     /* check circles */
  --blue-badge: #DBEDFF;      /* "WITH PAID SEARCH" pill, info banner */
  --blue-wash: #EFF7FE;       /* CTA bands (pricing, about, faq) */
  --blue-wash-2: #EDF7FF;
  --panel: #F4F8FB;           /* grey-blue panels: scope card, audit form */
  --panel-2: #F8F9FC;         /* accordion rows */
  --panel-3: #F5F8FD;         /* active sidebar item */
  --table-head: #EFF3F8;
  --line: #E6EAF0;            /* hairlines, row dividers */
  --line-soft: #EEF2F5;       /* accordion borders */
  --card-line: #E6E9EE;       /* pricing card border */
  --thumb-line: #E4ECF2;      /* mini-UI thumbnails */
  --thumb-bg: #FAFCFD;
  --ink: #0A0B0F;             /* display + headings */
  --ink-2: #16181F;           /* strong body (labels, table th) */
  --body: #52596D;            /* ledes */
  --body-2: #5F6477;          /* row subtitles */
  --muted: #6C6F82;           /* descriptions, table cells */
  --muted-2: #6F7588;         /* kickers, captions (mockup #7E8496 lifted to 4.6:1 on white) */
  --nav: #85899A;             /* inactive nav, footer links */
  --num-soft: #A7B0C3;        /* terms section numerals */
  --danger: #E5484D;          /* required-field asterisk */
  --white: #FFFFFF;

  /* Illustration blues (mini-UI graphics) */
  --ill-1: #0560FA;
  --ill-2: #7FA8F4;
  --ill-3: #C7DAF8;
  --ill-4: #DCE7F8;
  --ill-5: #EDF3FC;
  --g-red: #EA4335; --g-yellow: #FBBC05; --g-green: #34A853; --g-blue: #4285F4;

  /* Type */
  --font-display: "Inter Tight", "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter Tight", "Inter", -apple-system, "Segoe UI", sans-serif;
  --h1: 62px;  --h1-lh: 1; --h1-ls: -.055em;
  --h1-md: 62px;
  --h2: 38px;  --h2-ls: -.035em;
  --h2-sm: 30px;
  --h3: 24px;  --h3-ls: -.03em;
  --h4: 19px;
  --lede: 20.5px;
  --body-lg: 17px;
  --body-md: 15.5px;
  --body-sm: 14px;
  --caption: 13px;
  --kicker: 11.5px; --kicker-ls: .22em;

  /* Shape */
  --r-pill: 999px;
  --r-card: 12px;
  --r-panel: 14px;
  --r-thumb: 8px;
  --r-input: 8px;
  --shadow-card: 0 1px 2px rgba(10, 11, 15, .04), 0 6px 18px rgba(10, 11, 15, .04);
  --shadow-float: 0 2px 4px rgba(10, 11, 15, .04), 0 14px 34px rgba(10, 11, 15, .07);

  /* Layout — the mockups are laid out at 1024px with 40px gutters */
  --gutter: 40px;
  --max: 1120px;
  --header-h: 60px;
}