/* ============================================================
   BIZVO — DESIGN TOKENS
   Source of truth: VISUAL_DESIGN_SCOPE.md
   These MUST match the in-app tokens.css exactly — the marketing
   site and the product are one brand. If the app's tokens change,
   update this file to match, don't let them drift independently.
   ============================================================ */

:root {
  /* Paper & ink */
  --paper: #F2E7D3;
  --paper-card: #FBF3E3;
  --ink: #2B2620;
  --ink-soft: #8A7E6C;

  /* Brand */
  --workshop-teal: #2F6F6B;
  --workshop-teal-tint: #DDEAE7;
  --tape-amber: #D9A441;

  /* Status — stamp-red reserved for the Paid stamp motif ONLY.
     Never use it decoratively anywhere on the marketing site. */
  --stamp-red: #B23A2E;
  --paid-tint: #E4EDE8;
  --paid-text: #1F4A3F;
  --overdue-tint: #F1DAD2;
  --overdue-text: #8A2C1F;

  /* Type */
  --font-display: 'Space Grotesk', sans-serif; /* 500/700 — headings, amounts, wordmark */
  --font-body: 'Inter', sans-serif;            /* 400/500/600 — everything else */

  /* Surface */
  --radius-card: 4px;
  --shadow-card: 0 5px 12px rgba(43,38,32,0.16);
  --rotation-a: -0.6deg;
  --rotation-b: 0.5deg;
  --rotation-c: -0.3deg;

  /* Marketing-site-only additions (not in the app's token set —
     these are layout/type-scale conveniences, not brand colors) */
  --content-max: 1120px;
  --space-section: 88px;
  --space-section-mobile: 64px;
}