/*
 * The one :root. Every screen stylesheet used to declare its own copy of these
 * values (twelve blocks, some in two files under different names); this is the
 * canonical set, and scripts/lib/check-ui.sh keeps new ones out.
 *
 * Names match the legacy's (--ink, --muted, ...) so existing page CSS keeps
 * resolving them until that screen is migrated and its block is deleted.
 */
:root {
  --ink: #182033;
  --muted: #667085;
  --line: #d8dee9;
  --soft: #f6f8fb;
  --panel: #ffffff;
  --bg: #eef2f6;
  --blue: #0b72d9;
  --blue-dark: #074f9a;
  --blue-soft: #e7f1ff;
  --green: #23845c;
  --green-soft: #e9f7f0;
  --amber: #a05a00;
  --amber-soft: #fff3d6;
  --red: #b42318;
  --red-soft: #ffe8e5;
  --violet: #6941c6;
  --violet-soft: #f1ebff;
  --shadow: 0 12px 28px rgba(24, 32, 51, .08);

  --syn-radius-sm: 6px;
  --syn-radius: 8px;
  --syn-radius-lg: 12px;
  --syn-radius-pill: 999px;
  --syn-gap-xs: 4px;
  --syn-gap-sm: 8px;
  --syn-gap: 12px;
  --syn-gap-lg: 16px;
  --syn-field-height: 40px;
  --syn-focus: 0 0 0 3px rgba(11, 114, 217, .12);
  --syn-font: Inter, "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}