/* Design tokens — docs/fsdd/design-guide/design-guide.md §1 (DG-T).
 * Shipped with the first screen (login, LMA-P1-AUTH) per DG-T1: views and
 * screen CSS consume these custom properties ONLY — no hard-coded colors,
 * font sizes, or spacing values anywhere in markup or screen stylesheets.
 * Values are copied verbatim from the contract (DG-T2 spacing, DG-T3 type,
 * DG-T4 palette/shape/touch); change them there first, then here. */
:root {
  /* DG-T2 — Spacing scale (4px base) */
  --space-1: 0.25rem;  /*  4px — icon-to-label gaps */
  --space-2: 0.5rem;   /*  8px — minimum gap between touch targets (DG-X2) */
  --space-3: 0.75rem;  /* 12px — intra-card padding */
  --space-4: 1rem;     /* 16px — default card padding, screen gutters */
  --space-6: 1.5rem;   /* 24px — section separation */
  --space-8: 2rem;     /* 32px — major region separation */
  --space-12: 3rem;    /* 48px — top-of-screen breathing room */

  /* DG-T3 — Type scale (system stack: nothing downloads between Seth and capture) */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  --text-xs: 0.8125rem;  /* 13px — timestamps, badges; never for body copy */
  --text-sm: 0.875rem;   /* 14px — secondary text, list metadata */
  --text-base: 1rem;     /* 16px — body text AND minimum for all inputs (DG-X3) */
  --text-lg: 1.125rem;   /* 18px — card titles */
  --text-xl: 1.375rem;   /* 22px — screen titles */
  --text-2xl: 1.75rem;   /* 28px — hero numbers */
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* DG-T4 — Color palette (neutral, calm; NOT AgentC brand colors) */
  /* Surfaces */
  --color-bg: #F7F7F5;
  --color-surface: #FFFFFF;
  --color-border: #E3E4E0;

  /* Ink */
  --color-ink: #1F2430;        /* 14.9:1 on --color-bg (DG-X1) */
  --color-ink-muted: #5A6172;  /*  5.6:1 on --color-bg (DG-X1) */

  /* Accent — the ONE primary-action color (DG-H5) */
  --color-accent: #2F6D62;     /* 6.0:1 on white — AA for text */
  --color-accent-ink: #FFFFFF;
  --color-accent-tint: #E9F1EF;

  /* Status — text-grade (>= 4.5:1 on white) + background tints */
  --color-success: #246B39;
  --color-success-tint: #E8F3EC;
  --color-warning: #8A5A10;
  --color-warning-tint: #FBF3E0;
  --color-danger: #B3403E;     /* destruction + failure ONLY (DG-H7) */
  --color-danger-tint: #F9EAEA;

  /* Focus ring (DG-X4) */
  --color-focus: #2C63C8;

  /* Shape & elevation */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-full: 9999px;
  --shadow-raised: 0 1px 3px rgba(31, 36, 48, 0.12);

  /* Touch (DG-X2) */
  --tap-min: 44px;
  --tap-preferred: 48px;
}