/* Queko -- brand tokens (pipeline-v6, signed-off direction: v6a Night Ledger)
 *
 * Derived from the brand brief (03-sales/brand-research/queko.md):
 * a strict two-tone ink-on-paper brand (matte black pouch, white label,
 * single-weight line illustration) inverted onto a night-forest ground.
 * The only colour on the site is photographic (the green of the real
 * Bowerbird photos).
 *
 * Rails: 1440px wide rail (editorial-luxury; bookish field-journal density
 * per the site plan), narrow rail 920px (~64%).
 */
:root{
  /* palette */
  --paper:#FAFAF8;            /* label white / text on night */
  --ink:#161618;              /* pouch black / text on paper  */
  --label:#F5F4F1;            /* label panel off-white        */
  --deep:#101210;             /* night-forest page ground (near-black, breath of green) */
  --line:rgba(22,22,24,.16);  /* hairline on paper            */
  --line-paper:rgba(250,250,248,.22);      /* hairline on night */
  --line-paper-soft:rgba(250,250,248,.12); /* soft hairline on night */
  --mid:#6A665F;              /* mid grey on paper (darkened from the brief's estimated #8C8A85 line-stroke grey so small text clears WCAG AA 4.5:1 on --paper) */
  --mid-paper:rgba(250,250,248,.6);        /* mid grey on night */
  --green:#5A7C4F;            /* botanical accent -- photography-adjacent only */

  /* nav floating-state foreground (dark hero with scrim -> paper) */
  --nav-fg-floating:var(--paper);

  /* type */
  --font-display:"Libre Caslon Display",serif;
  --font-serif:"Libre Caslon Text",serif;
  --font-sans:"Familjen Grotesk",sans-serif;

  /* container rails */
  --rails-wide:1440px;
  --rails-narrow:920px;
  --rails-padding:clamp(1.5rem,5vw,4.5rem);

  /* rhythm */
  --space-section:clamp(4.5rem,8.5vw,7.5rem);
  --hit-target:44px;
}