:root {
  color-scheme: light;
  --su-brand: #123b68;
  --su-brand-strong: #0f3155;
  --su-flow-node: #12bfe5;
  --su-brand-green: #2fae80;
  --su-action: #064a6b;
  --su-action-hover: #023b56;
  --su-link: #0f5c99;
  --su-text: #102b4a;
  --su-muted: #5c718b;
  --su-canvas: #eef7fc;
  --su-surface: #fff;
  --su-border: #c9dae8;
  --su-neutral-surface: #edf1f5;
  --su-neutral-text: #445264;
  --su-info-surface: #e6f1fb;
  --su-info-ink: #123b68;
  --su-info-border: #9bbddc;
  --su-success-surface: #e4f3ec;
  --su-success: #155c39;
  --su-success-border: #83bca0;
  --su-warning-surface: #fff1c7;
  --su-warning: #5f4b14;
  --su-warning-border: #e0bb55;
  --su-danger-surface: #f9eaea;
  --su-danger: #8c1f28;
  --su-danger-border: #d7a0a0;
  --su-shadow: 0 12px 34px rgba(18, 59, 104, .09);
  --su-space-1: 4px;
  --su-space-2: 8px;
  --su-space-3: 12px;
  --su-space-4: 16px;
  --su-space-5: 20px;
  --su-space-6: 24px;
  --su-space-8: 32px;
  --su-space-10: 40px;
  --su-space-12: 48px;
  --su-space-16: 64px;
  --su-radius-control: 9px;
  --su-radius-surface: 12px;
  --su-radius-dialog: 16px;
  --su-focus-ring: 0 0 0 3px rgba(18, 191, 229, .34);
  --su-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Compatibilidade com nomes antigos enquanto os consumidores migram. */
  --su-bg: var(--su-canvas);
  --su-ink: var(--su-text);
  --su-line: var(--su-border);
  --ink: var(--su-text);
  --muted: var(--su-muted);
  --bg: var(--su-canvas);
  --surface: var(--su-surface);
  --surface-soft: var(--su-neutral-surface);
  --line: var(--su-border);
  --brand: var(--su-brand);
  --brand2: var(--su-link);
  --action-primary: var(--su-action);
  --action-primary-hover: var(--su-action-hover);
  --link: var(--su-link);
  --info-surface: var(--su-info-surface);
  --info-ink: var(--su-info-ink);
  --success: var(--su-success);
  --warning: var(--su-warning);
  --danger: var(--su-danger);
  --accent: var(--su-flow-node);
  --shadow: var(--su-shadow);
}