/* ============================================================
   GET RESCHECK — DESIGN TOKENS (v1, DRAFT — pending Jamil approval)
   Source of truth: getrescheck_web_recipe.txt
     Homepage direction 1a "The Certificate" (approved 2026-07-09)
   Hex values below are LOCKED by the recipe. Values marked (sampled)
   were derived from logo-rescheck-wide.png / the REScheck-Web report
   where the recipe was silent.
   "The site IS the report" — off-white paper, ruled section bands,
   mono data labels, thin table rules.
   ============================================================ */
:root{
  /* ---- Brand color (recipe: COLORS) ---- */
  --green-primary:#3E8E41;   /* headings, 2px section rules, price, primary CTA, 3px footer top rule */
  --green-hover:  #2C6B2F;   /* link / button hover */
  --green-accent: #8DC63F;   /* step numbers, small highlights */
  --green-pale:   #F2F6EE;   /* pricing panel bg, footer bg */
  --slate-blue:   #2F5F80;   /* shield outline in checkmark, phone number text */
  --red-check:    #E23131;   /* checkmark stroke everywhere (report's red-check motif) */
  --pass-yellow:  #F5EC9B;   /* "Compliance: PASSES" highlight band */

  /* ---- Ink & neutrals ---- */
  --ink:          #202824;   /* body text */
  --ink-soft:     #46524B;   /* secondary text / paragraphs */
  --ink-mute:     #6C7670;   /* mono labels, captions */
  --rule:         #D8DCD6;   /* thin table / box rules */
  --rule-strong:  #C9CFC7;   /* card borders */
  --paper:        #FFFFFF;   /* page / card background */
  --paper-2:      #FDFDFB;   /* form / statement panel background */
  --canvas:       #E6E8E3;   /* outside-the-page backdrop (desktop only) */

  /* ---- Typography ---- */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* type scale */
  --h1-size:46px;   --h1-size-m:29px; --h1-lh:1.12;  --h1-ls:-0.5px;
  --h2-size:24px;   --h2-size-m:19px; --h2-lh:1.2;
  --body-size:16.5px; --body-lh:1.6;
  --eyebrow-size:12.5px; --eyebrow-ls:2px;   /* IBM Plex Mono mono eyebrow, --green-primary */
  --mono-label-ls:1.5px;

  /* ---- Layout ---- */
  --page-max:1180px;
  --radius:3px;              /* buttons, panels */
  --rule-thin:1px;
  --rule-section:2px;        /* green H2 underline */
  --rule-band:3px;           /* header bottom border, footer top rule */

  /* ---- Spacing scale ---- */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  /* ---- Elevation (subtle; paper aesthetic keeps shadows minimal) ---- */
  --shadow-card:0 1px 2px rgba(32,40,36,.06), 0 8px 24px rgba(32,40,36,.05);
}