:root {

  --ink:            #16181d;
  --ink-quiet:      #55606e;
  /* 4.41:1 on white and 4.03 on --technical at #6f7987 (break-it round 2); now 5.0 and 4.6. */
  --ink-faint:      #667080;
  --page:           #fbfbf9;
  --panel:          #ffffff;
  --line:           #dfe1e6;
  --line-strong:    #c3c7cf;
  --accent:         #1f4d8f;
  --accent-ink:     #ffffff;
  --established:    #1c5f45;
  --established-bg: #e6f2ec;
  --partial:        #6b4a12;
  --partial-bg:     #f6eddb;
  --waiting:        #3a4453;
  --waiting-bg:     #eceef2;
  --disputed:       #6d2f2f;
  --disputed-bg:    #f6e7e7;
  --focus:          #1f4d8f;
  --accent-strong:  #173a6c;
  --technical:      #f1f5fb;
  --masthead-top:   #0e2748;
  --masthead-mid:   #0a1a2e;
  --masthead-end:   #0b1f3a;
  --masthead-ink:   #ffffff;
  --masthead-quiet: rgba(255, 255, 255, 0.74);
  --masthead-faint: rgba(255, 255, 255, 0.56);
  --masthead-edge:  rgba(255, 255, 255, 0.10);
  --masthead-sheen: rgba(120, 170, 235, 0.24);
  --masthead-glint: rgba(255, 255, 255, 0.06);
  --masthead-chip:  rgba(255, 255, 255, 0.08);
  --masthead-good:  #8fe0b8;
  --canvas:         #eef0f3;
  --cobalt:         #2459d6;
  --cobalt-strong:  #1a45ad;
  --cobalt-ink:     #ffffff;
  --cobalt-wash:    #f1f5fe;
  --cobalt-line:    #d5e0fa;
  --code-tile:      #ffffff;
  --code-ink:       #16181d;
  --scrim:          rgba(10, 20, 36, 0.48);

  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --size-1: 0.8125rem;
  --size-2: 0.9375rem;
  --size-3: 1rem;
  --size-4: 1.25rem;
  --size-5: 1.75rem;
  --size-6: 2.25rem;

  --line-tight: 1.25;
  --line-body:  1.5;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-strong:  650;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius-1: 3px;
  --radius-2: 6px;
  --radius-3: 10px;

  --shadow-1: 0 1px 2px rgba(22, 24, 29, 0.08);
  --shadow-2: 0 2px 8px rgba(22, 24, 29, 0.10);

  --motion-fast: 90ms;
  --motion-base: 160ms;
  --motion-none: 1ms;
  --motion-ease: cubic-bezier(0.2, 0, 0.2, 1);

  --measure: 68ch;
  --measure-narrow: 34rem;
  --label-column: 12rem;
  --part-column: 5rem;
  --min-target: 44px;
  --hairline: 1px;
  --underline: 2px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --breakpoint-narrow: 26rem;

  --tracking-1: 0.01em;
  --tracking-2: 0.04em;
  --tracking-3: 0.08em;
  --tracking-4: 0.1em;
  --size-heading: 1.5rem;
  --tracking-tight: -0.022em;
  --tracking-5: 0.16em;
  --space-8: 4.5rem;
  --radius-4: 14px;
  --shadow-3: 0 1px 2px rgba(16, 24, 40, 0.05), 0 8px 24px rgba(16, 24, 40, 0.06);
  --shell-width: 76rem;
  --mark-size: 3.25rem;
  --finder-width: 42rem;
  --finder-hint-width: 17ch;
  --radius-pill: 999px;
  --motion-typing: 2.2s;
  --motion-typing-delay: 0.6s;
  --motion-caret: 0.9s;
  --rail-width: 15rem;
  --doc-width: 46rem;
  --rail-gap: 4.5rem;
  --marker-width: 0.1875rem;
  --cover-code: 8.25rem;
  --cover-code-small: 5.5rem;
  --drawer-width: 20rem;
  --wide-rail: 17rem;
  --bar-height: 3.25rem;
  /* The seller's own logo band (shared.merchant_account): the logo's box, the rule under it,
     and the seller's colour, unset here so a page shows none until its seller keeps one. */
  --merchant-logo-width: 200px;
  --merchant-logo-height: 44px;
  --merchant-rule: 3px;
  --dpp-accent: initial;
  --size-0: 0.6875rem;

  /* ActivateDigital's own design language (activatedigital.ai), for the public passport only:
     the brand pack's site values (01_tokens/site/tokens.css) and the mark's gradient end. */
  --site-navy:          #0a1a30;
  --site-navy-deep:     #04101f;
  --site-cobalt:        #0b67d0;
  --site-cobalt-end:    #3b8ee8;
  --site-cobalt-strong: #0757b8;
  --site-cobalt-lift:   #7eb4f1;
  --site-cobalt-wash:   #ebf4fd;
  --site-font: Inter, ui-sans-serif, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --site-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --site-radius:        20px;
  --site-shadow: 0 1px 2px rgba(16, 22, 35, 0.04), 0 22px 44px -32px rgba(16, 22, 35, 0.22);
  /* The dppcode.org home page's title and lede at the site's own scale (the owner, 27
     September 2026; kx.css, the Knowledge hero): 34 to 56 px, and 18 to 22 px. */
  --site-title:          clamp(2.125rem, 5.4vw, 3.5rem);
  --site-title-line:     1.06;
  --site-title-tracking: -0.032em;
  --site-lede:           clamp(1.125rem, 1.6vw, 1.375rem);
}