/* ---------------------------------------------------------------------------
   marlyg.me brand tokens. The one source for the identity: marlyg.me links this
   file, and so does portal.marlyg.me (https://marlyg.me/brand.css), so changing
   a value here restyles both sites on the next marlyg.me deploy.

   Keep it to tokens. Anything site-specific belongs in that site's own CSS.
   Renaming a token breaks the portal until its stylesheet is updated to match;
   the portal falls back to built-in values rather than going unstyled.
   --------------------------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap");

:root {
  --bg: #f3f1ea;
  --bg-dark: #0b0b0c;
  --fg: #0d0d0e;
  --fg-inv: #f3f1ea;
  --muted: rgba(13, 13, 14, 0.58);
  --dim: rgba(13, 13, 14, 0.38);
  --faint: rgba(13, 13, 14, 0.14);
  --line: rgba(13, 13, 14, 0.16);
  /* One family across the whole site, variable 200..700. --serif and --mono are
     kept as roles so the display and micro-label rules stay separable, but both
     resolve here; weight does the work the two families used to. */
  --sans: "Stack Sans Text", ui-sans-serif, system-ui, sans-serif;
  --serif: var(--sans);
  --mono: var(--sans);

  /* The deck cards are cream stock with a hairline rim and a soft drop. Anything
     that should read as the same object family uses these. */
  --card-radius: 10px;
  --card-shadow: 0 1px 2px rgba(13, 13, 14, 0.05), 0 8px 24px rgba(13, 13, 14, 0.06);
}