/* NuePharma Health design tokens.
   Two worlds: the instrument (ink) and the record (paper).

   Revision 016 moved the record from a warm beige to a bright, cool surface.
   The warm paper was doing something the brand did not need: it read as an
   archive rather than as a laboratory, and paired with five dark sections it
   made the whole site feel subdued. The record now has three levels — a page
   ground, a lifted card, and a recessed well — so hierarchy can be built with
   surface and shadow instead of by dropping to ink.

   Contrast is computed, not guessed:
     graphite/paper   16.9:1
     slate/paper       5.8:1
     bone/ink         15.1:1
     bone-dim/ink      8.0:1
     trace-lift/ink    7.4:1
   --trace on paper is 3.7:1. It is an ACCENT: rules, dots, nodes, small
   emphasis, large display type. It is never used for body copy on paper. */
:root{
  /* the instrument */
  --ink:#0A0D12;
  --ink-2:#141A24;
  --ink-3:#1E2733;
  --bone:#EDEAE2;
  --bone-dim:#98A1AD;

  /* the record, three levels */
  --paper:#F7F8FA;        /* the page ground */
  --paper-lift:#FFFFFF;   /* a card standing off the ground */
  --paper-2:#EDF0F3;      /* a well recessed into it */
  --rule:#DEE4E9;
  --rule-strong:#C0C9D1;
  --graphite:#111820;
  --slate:#56626F;

  /* the accent, used sparingly */
  --trace:#1B8F8A;        /* aligned to the mark accent */
  --trace-deep:#146F6B;   /* the accent where it must carry small text */
  --trace-lift:#7FD8CE;   /* the mark's reversed accent */
  --trace-ghost:rgba(27,143,138,.10);

  /* dimension. one direction of light for the whole site: from above. */
  --lift-1:0 1px 2px rgba(14,28,44,.05),0 2px 8px rgba(14,28,44,.045);
  --lift-2:0 2px 4px rgba(14,28,44,.05),0 12px 32px rgba(14,28,44,.075);
  --lift-3:0 4px 10px rgba(14,28,44,.06),0 26px 64px rgba(14,28,44,.11);

  --f-display:"Schibsted Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;

  /* Motion.
     --ease-out was cubic-bezier(.16,1,.3,1): a very aggressive decelerate that
     covers most of its distance in the first fifth of the duration. It reads as
     a snap, which is the opposite of the instrument feel this brand wants.
     Replaced with a gentler curve that starts and settles calmly. */
  --ease-out:cubic-bezier(.22,.61,.24,1);
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-cine:cubic-bezier(.32,.08,.24,1);

  --tshadow:0 1px 2px rgba(5,7,12,.95),0 3px 12px rgba(5,7,12,.78),0 10px 44px rgba(5,7,12,.8);

  --pad:5vw;
  --maxw:1280px;
  --hero-vh:560;
}
@media (max-width:720px){ :root{ --pad:20px } }