/* =====================================================================
   CrochetOasis design tokens
   Maps GeneratePress' own variables onto the brand palette so parent
   theme rules inherit the design without fighting the child theme.
   ===================================================================== */
:root{
  /* --- neutrals (warm paper + ink) --- */
  --co-ink:#23201C;--co-ink-2:#57514A;--co-ink-3:#6F675D;
  --co-paper:#FBF7F1;--co-surface:#FFFFFF;--co-sand:#F3EADC;
  --co-line:#E3D8C8;--co-line-strong:#CBBBA4;
  /* --- accents --- */
  --co-rose:#A63D53;--co-sage:#42604F;--co-plum:#6B4A6F;--co-teal:#2F5F63;--co-ochre:#8A5A12;
  --co-focus:#12558C;
  /* --- semantic --- */
  --co-text:var(--co-ink);--co-text-muted:var(--co-ink-2);--co-link:var(--co-rose);--co-link-hover:var(--co-ink);
  --co-bg:var(--co-paper);--co-rule:var(--co-line);
  /* --- GeneratePress token bridge --- */
  --contrast:#23201C;--contrast-2:#57514A;--contrast-3:#6F675D;
  --base:#E3D8C8;--base-2:#FBF7F1;--base-3:#FFFFFF;--accent:#A63D53;

  /* --- type --- */
  --co-font-display:"Fraunces","URW Bookman","Bookman Old Style",Georgia,"DejaVu Serif",serif;
  --co-font-body:"Karla","Ubuntu","Quicksand",system-ui,-apple-system,"Segoe UI",Roboto,"DejaVu Sans",sans-serif;
  --co-fs-2xs:.75rem;--co-fs-xs:.8125rem;--co-fs-sm:.9375rem;--co-fs-base:1.0625rem;
  --co-fs-lg:1.1875rem;--co-fs-xl:1.375rem;--co-fs-2xl:1.6rem;--co-fs-3xl:2rem;
  --co-fs-4xl:clamp(2.1rem,1.5rem + 2.6vw,3.1rem);--co-fs-5xl:clamp(2.5rem,1.6rem + 4vw,4.1rem);
  --co-lh-tight:1.06;--co-lh-head:1.15;--co-lh-body:1.65;--co-lh-prose:1.72;--co-lh-ui:1.35;

  /* --- space (4px base) --- */
  --co-s1:.25rem;--co-s2:.5rem;--co-s3:.75rem;--co-s4:1rem;--co-s5:1.25rem;--co-s6:1.5rem;
  --co-s7:2rem;--co-s8:3rem;--co-s9:4rem;--co-s10:6rem;
  --co-gutter:clamp(1.25rem,4vw,2.5rem);
  --co-band:clamp(2.5rem,5vw,4.5rem);

  /* --- layout --- */
  --co-w-wide:1360px;--co-w:1200px;--co-w-narrow:780px;--co-w-prose:68ch;

  /* --- radii + elevation --- */
  --co-r-xs:3px;--co-r-sm:8px;--co-r-md:14px;--co-r-pill:999px;
  --co-e1:0 1px 2px rgba(35,32,28,.06);
  --co-e2:0 10px 30px -18px rgba(35,32,28,.28);
  --co-e3:0 24px 50px -28px rgba(35,32,28,.35);

  /* --- motion --- */
  --co-t-fast:140ms;--co-t:220ms;--co-ease:ease-out;

  /* --- original artwork, inlined as pattern fills (no extra requests) --- */
  --co-tex-yarn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16'%3E%3Cg fill='none' stroke='%2323201C' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M0 14 6 2l6 12 6-12 6 12'/%3E%3Cpath d='M-6 6 0-6M18 6 24-6M6 22 12 10M18 22 24 10'/%3E%3C/g%3E%3C/svg%3E");
  --co-tex-granny:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%2323201C' stroke-opacity='.13' stroke-width='1'%3E%3Crect x='4' y='4' width='32' height='32' rx='3'/%3E%3Crect x='11' y='11' width='18' height='18' rx='2'/%3E%3C/g%3E%3C/svg%3E");
}
/* Category context: set once per hub/article, consumed by components. */
.co-cat-keychains{--co-cat:var(--co-rose)}
.co-cat-amigurumi{--co-cat:var(--co-sage)}
.co-cat-flowers{--co-cat:var(--co-plum)}
.co-cat-stitches{--co-cat:var(--co-teal)}
.co-cat-techniques{--co-cat:var(--co-ink-2)}
.co--default-accent{--co-cat:var(--co-rose)}

@media (prefers-reduced-motion:reduce){
  :root{--co-t-fast:1ms;--co-t:1ms}
  *{scroll-behavior:auto !important;animation-duration:.001ms !important;transition-duration:.001ms !important}
}
@media print{
  :root{--co-paper:#fff;--co-sand:#fff;--co-tex-yarn:none;--co-tex-granny:none}
  .co-masthead,.co-footer,.co-toc,.co-skip{display:none !important}
}