/* ===========================================================================
   NEXT ON DESIGNS AND PRINTING - tokens.css
   The SWAP LAYER. Reskin per project; never edit core.css.
   Skin from the CMYK sublimation logo: cyan + magenta on a charcoal-ink base
   (vivid, full-color). Signature = a cyan to magenta gradient. Bold geometric type.
   Tagline: "Forward thinking. Quality creations."
   No em dashes (house rule).
   =========================================================================== */
:root{
  /* surfaces */
  --bg:#0c0d11;        /* page base, charcoal ink */
  --bg2:#13151b;       /* raised panels, menu */
  --card:#181a21;      /* cards */
  --cardHi:#212430;    /* card hover / accent panel */
  --ice:#eef0f4;       /* light inversion surface (placards) */

  /* text */
  --t1:#f4f5f8;        /* primary */
  --t2:#aab0bd;        /* secondary */
  --t3:#8a92a3;        /* muted / captions (lightened for 4.5:1 small-text contrast on glass cards) */

  /* brand accents (from the CMYK sublimation logo: cyan + magenta) */
  --coral:#d73b84;     /* primary action, magenta */
  --coralHi:#ef5aa0;   /* action hover */
  --wood:#08a9d4;      /* secondary accent, cyan */
  --sun:#f4c81c;       /* CMYK yellow pop (accents; used in index, not core) */
  --somber:#2b3a5c;    /* muted navy for homegoing/funeral */
  --somberHi:#3a4d78;
  --dove:#aeb6c4;      /* dove grey accent */

  /* lines + status */
  --line:rgba(8,169,212,.32);    /* cyan hairline */
  --good:#34d399;
  --warn:#f4c221;
  --bad:#fb5c74;

  /* depth */
  --shadow:0 16px 38px rgba(0,0,0,.5);

  /* type (swap families per project, keep the two roles: display + body) */
  --font-display:"Bebas Neue","Oswald",system-ui,sans-serif; /* headlines (Picsue-style condensed) */
  --font-body:"Manrope",system-ui,-apple-system,sans-serif;          /* everything else */

  /* shape */
  --radius:16px;

  /* page texture: subtle black polyester-knit weave (from the CMYK swatch chart) */
  --tex-page:url("assets/tex-poly.webp");

  /* hero image, mobile protocol. Drop real files at /assets and set these. */
  --hero:none;
  --hero-sm:none;
  --hero-lg:none;
}

/* Page background: solid ink + a faint seamless polyester weave over the large
   black areas (so it is not blank next to the textured elements). Key elements
   carry a stronger weave (see the textured-surface rule in index). */
body{
  background-color:var(--bg);
  /* faint blurred NEXT ON logotype watermark (sparse) over the poly weave */
  background-image:url("assets/watermark.webp"), var(--tex-page);
  background-repeat:repeat, repeat;
  background-size:430px, 500px;   /* watermark; poly = 0012 knit (flattened, downscaled, no zoom) */
  background-position:center, center;
  background-attachment:fixed, fixed;
}