/* Quiet editorial layer. The brand's structure is still rules and whitespace;
   this layer adds the three things that keep a long page from reading as a grid of boxes:
   a single warm surface, a single graspable object, and a wider vertical rhythm. */
:root{
  /* ---- surfaces ---- */
  --wye-cream:#ffe9bf;                  /* the one warm ground in the system — notice strip only */
  --wye-vellum:#f8f7f7;                 /* inert panel, lighter than paper */
  --color-notice:var(--wye-cream);
  --color-notice-text:var(--wye-ink);
  --color-vellum:var(--wye-vellum);
  --color-hairline-soft:rgba(32,30,29,0.10);

  /* ---- the one elevated object per page ----
     Everything else in the brand is flat. Exactly one element per view may lift:
     a preview, a certificate, a specimen. Four layers, none above 0.07 alpha. */
  --radius-object:14px;
  --shadow-object:rgba(32,30,29,0.01) 0 132px 53px,rgba(32,30,29,0.04) 0 74px 44px,rgba(32,30,29,0.06) 0 33px 33px,rgba(32,30,29,0.07) 0 8px 18px;
  --shadow-lift:rgba(32,30,29,0.01) 0 128px 51px,rgba(32,30,29,0.02) 0 72px 43px,rgba(32,30,29,0.03) 0 32px 32px,rgba(32,30,29,0.04) 0 8px 18px;

  /* ---- vertical rhythm: whitespace carries hierarchy ---- */
  --section-gap:112px;                  /* between two sections of a page */
  --section-gap-tight:80px;             /* floor — never go below this */
  --card-pad:24px;
}