/**
 * Limestone theme — Design tokens
 *
 * :root custom properties for the Limestone Digital WordPress theme.
 * These MIRROR the values already present in the carried compiled
 * `webflow.css` (the pixel baseline). The carried CSS remains the source
 * of truth for component styling — these tokens exist so the thin
 * theme-only layers (`base.css`, `theme.css`) can reference brand colours,
 * fonts and layout constants without re-declaring raw values.
 *
 * Do NOT invent new visual values here. If a value is wrong, fix the
 * source in webflow.css, not this mirror.
 *
 * @package Limestone
 * @since   0.1.0
 */

:root {
  /* ---- Brand colours (mirror webflow.css --_primitives---colors--*) ---- */
  --ld-purple: #5d4af5; /* --_primitives---colors--light-purple */
  --ld-ink: #1a1a1a;    /* --_primitives---colors--black */
  --ld-line: #e6e9ee;   /* hairline / divider grey */
  --ld-grey: #71767f;   /* muted body / meta text */
  --ld-paper: #fff;     /* --_primitives---colors--white */
  --ld-soft: #fafafb;   /* off-white surface (≈ --off-white-gray #fdfdfc) */

  /* ---- Typography (mirror --_typography---font-styles--*) ---- */
  --ld-font-display: Archivo, Geist, sans-serif;
  --ld-font-body: Geist, Archivo, sans-serif;
  --ld-font-mono: "DM Mono", SFMono-Regular, Menlo, monospace;

  /* ---- Layout grid + rhythm ---- */
  --ld-maxw: 1440px;          /* outer page max width */
  --ld-content: 1160px;       /* inner content max width */
  --ld-gutter: 140px;         /* desktop horizontal page padding */
  --ld-vpad: 80px;            /* default section vertical padding */
  --ld-gap: 24px;             /* default grid / flex gap */
  --ld-radius: 6px;           /* default corner radius */
  --ld-pinstripe-inset: 80px; /* inset of the decorative pinstripe V-lines */
}