/* ProCustom Group design tokens — "Precision" light theme
   Source of truth: design canvas "PCG Precision Dark", Light Variant page.
   These tokens are the shared vocabulary between the website and (eventually)
   the ERP frontend. Change values here, not in components. */
:root {
  /* ground & surfaces */
  --pcg-bg: #ffffff;
  --pcg-surface: #f4f5f7;
  --pcg-surface-selected: #f7eced;
  --pcg-well: #eef0f2;

  /* borders */
  --pcg-border: #d7dade;
  --pcg-border-strong: #c6cbd2;

  /* text */
  --pcg-text: #14161a;
  --pcg-text-muted: #4a4f57;
  --pcg-text-dim: #6b7076;
  --pcg-text-faint: #9aa0a8;

  /* brand */
  --pcg-red: #9c1e24;          /* primary brand red (logo native) */
  --pcg-red-hover: #7d181d;
  --pcg-green: #1e8a60;        /* success */
  --acme-blue: #0077b3;        /* Acme accent */

  /* type */
  --pcg-font-display: Oswald, 'Arial Narrow', sans-serif;    /* Trade Gothic stand-in */
  --pcg-font-body: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  --pcg-font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* rhythm */
  --pcg-gutter: 64px;
  --pcg-text-wide: 1080px; /* longest run of body text when nothing sits beside it */
  --pcg-gap: 16px;
  --pcg-touch: 44px;           /* minimum hit target */
}