/*
 * V244 design tokens — single source of truth for color / typography /
 * spacing / radius / shadow / focus used by ui-normalize-v244.css.
 *
 * This file defines variables only. It must be the LAST :root block loaded
 * (see templates/base.html) so it reliably wins the cascade over the 9
 * earlier :root blocks in style.css / global-typography-v200.css /
 * enterprise-saas-v221.css / task-table-polish.css / ui-polish-v226.css /
 * ui-polish-v227.css. See docs/UI_UX_AUDIT_V244.md section 7 and 9.
 *
 * Do not add component rules here — that belongs in ui-normalize-v244.css.
 * Do not delete or edit any earlier CSS file's :root block; this file wins
 * by cascade order, not by removing the others.
 */
:root {
  /* ---- Color: surfaces & text ---- */
  --v244-bg: #f5f7fb;
  --v244-surface: #ffffff;
  --v244-ink: #0f172a;
  --v244-ink-muted: #64748b;
  --v244-ink-faint: #94a3b8;
  --v244-border: #e2e8f0;
  --v244-border-strong: #cbd5e1;

  /* ---- Color: brand / semantic ---- */
  /* One primary blue, replacing the three competing values found in the
     audit (#2563eb / #1d4ed8 / #3157d5). #2563eb was the most common. */
  --v244-primary: #2563eb;
  --v244-primary-strong: #1d4ed8;
  --v244-primary-soft: #eff6ff;
  --v244-primary-soft-border: #bfdbfe;

  --v244-success: #059669;
  --v244-success-strong: #047857;
  --v244-success-soft: #ecfdf5;
  --v244-success-soft-border: #a7f3d0;

  --v244-warning: #b45309;
  --v244-warning-strong: #92400e;
  --v244-warning-soft: #fffbeb;
  --v244-warning-soft-border: #fde68a;

  --v244-danger: #dc2626;
  --v244-danger-strong: #b91c1c;
  --v244-danger-soft: #fef2f2;
  --v244-danger-soft-border: #fecaca;

  --v244-neutral: #64748b;
  --v244-neutral-soft: #f8fafc;
  --v244-neutral-soft-border: #e2e8f0;

  --v244-violet: #6d28d9;
  --v244-violet-soft: #f5f3ff;
  --v244-violet-soft-border: #ddd6fe;

  /* ---- Typography ---- */
  --v244-text-page-title: 26px;
  --v244-text-section-title: 18px;
  --v244-text-card-title: 16px;
  --v244-text-body: 14px;
  --v244-text-table: 13px;
  --v244-text-label: 12.5px;
  --v244-text-helper: 12.5px;

  --v244-weight-body: 400;
  --v244-weight-helper: 500;
  --v244-weight-label: 600;
  --v244-weight-heading: 700;

  /* ---- Spacing (4px base) ---- */
  --v244-space-1: 4px;
  --v244-space-2: 8px;
  --v244-space-3: 12px;
  --v244-space-4: 16px;
  --v244-space-5: 20px;
  --v244-space-6: 24px;

  /* ---- Radius ---- */
  --v244-radius-field: 8px;
  --v244-radius-button: 8px;
  --v244-radius-card: 14px;
  --v244-radius-modal: 16px;
  --v244-radius-pill: 999px;

  /* ---- Shadow (subtle — border does most of the work) ---- */
  --v244-shadow-card: 0 1px 2px rgba(15, 23, 42, 0.05), 0 6px 16px rgba(15, 23, 42, 0.06);
  --v244-shadow-pop: 0 8px 24px rgba(15, 23, 42, 0.12);

  /* ---- Focus ring ---- */
  --v244-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.18);

  /* ---- Transition ---- */
  --v244-transition-fast: 120ms ease;
}