/* Goldpine Contract Room — design token contract (--gp-*).
   Light "engraved letterhead" legal palette. Rules:
   - components use tokens only, never raw hex
   - --gp-gold is CHROME (rules, borders, icons; 3:1 vs sheet is fine for
     non-text UI); text set in gold uses --gp-gold-ink (6.2:1 on sheet)
   - party attribution colors are fixed: us = gold ink, them = deep green */
:root {
  /* paper & ink */
  --gp-parchment: #f6f2e9;   /* app background */
  --gp-sheet: #fffdf8;       /* cards, panels, document gutter */
  --gp-sheet-dim: #faf6ec;   /* hover/wells on sheet */
  --gp-ink: #182720;         /* primary text — 13.9:1 on parchment */
  --gp-muted: #5b6a60;       /* secondary text — 5.4:1 on parchment */
  --gp-faint: #8a958c;       /* disabled/tertiary — decorative only */
  --gp-line: #ddd5c2;
  --gp-line-soft: #eae4d4;

  /* brand */
  --gp-pine: #10231e;        /* headers, footer band, primary buttons */
  --gp-pine-soft: #1d3a32;   /* primary button hover */
  --gp-gold: #b8860b;        /* chrome accent only */
  --gp-gold-ink: #7a5a05;    /* gold as text */
  --gp-gold-soft: #f5ead0;   /* gold wash */
  --gp-on-pine: #f6f2e9;     /* text on pine */

  /* party attribution */
  --gp-us: #7a5a05;
  --gp-us-soft: #f5ead0;
  --gp-them: #1f4d3f;
  --gp-them-soft: #e2efe7;

  /* status */
  --gp-ok: #1e6b45;
  --gp-ok-soft: #e4f2e9;
  --gp-warn: #8a5a00;
  --gp-warn-soft: #faf0d8;
  --gp-danger: #9c2b23;
  --gp-danger-soft: #f9eae8;
  --gp-info: #1f4d5f;
  --gp-info-soft: #e4eef2;

  /* focus */
  --gp-focus: 0 0 0 3px rgba(184, 134, 11, 0.35);

  /* type — 7 sizes */
  --gp-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --gp-font-body: 'Source Sans 3', -apple-system, 'Segoe UI', sans-serif;
  --gp-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
  --gp-fs-xs: 11px;
  --gp-fs-sm: 12.5px;
  --gp-fs-base: 14px;
  --gp-fs-md: 16px;
  --gp-fs-lg: 19px;
  --gp-fs-xl: 24px;
  --gp-fs-xxl: 31px;

  /* spacing (4px grid) & shape */
  --gp-sp-1: 4px;  --gp-sp-2: 8px;  --gp-sp-3: 12px; --gp-sp-4: 16px;
  --gp-sp-5: 20px; --gp-sp-6: 24px; --gp-sp-8: 32px; --gp-sp-10: 40px;
  --gp-radius: 8px;
  --gp-radius-sm: 5px;
  --gp-shadow: 0 1px 2px rgba(24, 39, 32, 0.06), 0 6px 24px rgba(24, 39, 32, 0.07);
  --gp-shadow-modal: 0 8px 40px rgba(16, 35, 30, 0.28);

  /* layout */
  --gp-header-h: 56px;
  --gp-toolbar-h: 46px;
  --gp-footer-h: 38px;
  --gp-sidebar-w: 340px;
}