/* Shared design tokens: crew palette and its final A4 surface overrides. */
:root {
  --brand: #0068b7;
  --blue: var(--brand);
  --blue-dark: #124b7a;
  --blue-lt: #eaf4fc;
  --bg: #eef3f8;
  --surface: #fff;
  --border: #d9e3ed;
  --text: #233347;
  --muted: #5b6675;
  --amber: #795400;
  --state-amber: #fff4d6;
  --state-blue: #eaf4fc;
  --green: #1e7a3f;
  --state-green: #e4f7ea;
  --gray: #5b6675;
  --state-gray: #eef0f3;
  --red: #b42318;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --control-min-size: 44px;
  --radius-sm: 8px;
  --radius: 12px;
  --text-body: 15px;
  --text-small: 13px;
  --text-heading: 20px;
  --text-input: 16px;
  --shadow: 0 4px 16px #1637540b;
  --blue-dk: var(--blue-dark);
  --yellow: var(--amber);
  --g50: var(--bg);
  --g100: var(--bg);
  --g200: var(--border);
  --g300: var(--border);
  --g400: var(--muted);
  --g500: var(--muted);
  --g600: var(--muted);
  --g700: var(--text);
  --g800: var(--text);
  --g900: var(--text);
  --sh: var(--shadow);
  --sh-md: var(--shadow);
  --mgr-accent: var(--brand);
  --mgr-accent-soft: var(--blue-lt);
  --mgr-text: var(--text);
  --mgr-secondary: var(--muted);
  --mgr-surface: var(--surface);
  --mgr-border: var(--border);
  --mgr-radius: var(--radius);
  --mgr-ring: var(--brand);
}