/* ============================================================
   r:home Design System — tokens, vendored for the PBR renderer.

   Source of truth is the Claude Design project
   9e20b923-4b8f-4b81-bdd5-3aa364a0a7ff (tokens/colors.css, fonts.css,
   typography.css, themes.css). This file is a verbatim vendoring of those
   four so a published PBR can be a self-contained static deployment with no
   dependency on the design project at render time.

   Do not hand-edit values here. Re-pull from DesignSync instead — a hex typed
   into this file is exactly the drift the design system exists to prevent.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,300;1,9..144,400;1,9..144,500&family=Jost:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Hanken+Grotesk:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500&display=swap');

:root{
  /* ---- Canvas ---- */
  --cream:#F6F1E7;
  --linen:#F1EBDF;
  --sand:#ECE4D6;

  /* ---- Ink ---- */
  --espresso:#211C18;
  --bark:#39312A;
  --walnut:#4C443A;
  --ink-dark:#1C1814;
  --ink-deep:#0D0B09;

  /* ---- Stone neutrals ---- */
  --stone:#CCC4B6;
  --greige:#A49A8A;
  --taupe:#9C9181;

  /* ---- Document neutrals ---- */
  --surface-raised:#FBF8F2;
  --border-soft:#DCD4C5;
  --text-detail:#6F6557;
  --border-on-dark:#37322B;

  /* ---- Accent — the only color ---- */
  --clay:#DC8159;
  --sienna:#BC5A39;
  --clay-tint:#F0D9C8;

  /* ---- Semantic ---- */
  --surface-page:var(--cream);
  --surface-alt:var(--linen);
  --surface-card:var(--sand);
  --surface-dark:var(--ink-dark);
  --border-hairline:var(--stone);
  --border-strong:var(--greige);
  --accent:var(--clay);
  --accent-press:var(--sienna);
  --accent-wash:var(--clay-tint);

  /* ---- Families ---- */
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-body:'Jost','Helvetica Neue',Arial,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;

  /* ---- The warm-dark hero/section surface ---- */
  --doc-dark:var(--ink-dark);
}

/* ---- Document themes: re-tint the single accent and the dark surface ---- */
[data-theme="coral"]{
  --accent:#C24A2C;
  --accent-press:#9E3D22;
  --accent-wash:rgba(194,74,44,.12);
  --doc-dark:#181613;
}
[data-theme="brass"]{
  --accent:#C79E62;
  --accent-press:#A8824A;
  --accent-wash:rgba(199,158,98,.15);
  --doc-dark:#14120D;
}
[data-theme="slate"]{
  --accent:#CF5638;
  --accent-press:#B0432A;
  --accent-wash:rgba(207,86,56,.13);
  --doc-dark:#0E1622;
}

/* ---- Opt-in body / mono swaps (coral and brass client docs) ---- */
[data-body="hanken"]{
  --font-body:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
[data-mono="spline"]{
  --font-mono:'Spline Sans Mono',ui-monospace,'SF Mono',Menlo,monospace;
}