:root {
  --ui-color-canvas: #07121c;
  --ui-color-surface: #0c1a25;
  --ui-color-surface-raised: #122231;
  --ui-color-surface-soft: #162838;
  --ui-color-border: rgba(184, 212, 221, .18);
  --ui-color-border-interactive: rgba(43, 197, 141, .7);
  --ui-color-text: #f3f5f4;
  --ui-color-text-muted: #afbac2;
  --ui-color-text-soft: #d5dce0;
  --ui-color-accent: #2bc58d;
  --ui-color-accent-strong: #48d9a1;
  --ui-color-accent-soft: rgba(43, 197, 141, .1);
  --ui-color-success: #2bc58d;
  --ui-color-warning: #e7a846;
  --ui-color-danger: #e1646f;
  --ui-color-danger-strong: #f07881;
  --ui-color-focus: #9ff2d0;
  --ui-color-text-on-accent: #041410;
  --ui-color-control: var(--ui-color-surface-raised);
  --ui-color-control-hover: var(--ui-color-surface-soft);
  --ui-color-disabled-surface: rgba(145, 166, 178, .07);
  --ui-color-disabled-border: rgba(140, 180, 200, .09);
  --ui-color-disabled-text: #647783;
  --ui-color-success-soft: rgba(43, 197, 141, .1);
  --ui-color-success-border: rgba(43, 197, 141, .45);
  --ui-color-success-text: #85e6c9;
  --ui-color-warning-soft: rgba(231, 168, 70, .1);
  --ui-color-warning-border: rgba(231, 168, 70, .48);
  --ui-color-warning-text: #f0c275;
  --ui-color-danger-soft: rgba(225, 100, 111, .14);

  --ui-font-family: Arial, Helvetica, sans-serif;
  --ui-font-size-xs: 12px;
  --ui-font-size-sm: 14px;
  --ui-font-size-md: 16px;
  --ui-font-size-lg: 20px;
  --ui-font-size-heading-sm: 20px;
  --ui-font-size-heading-md: 26px;
  --ui-font-size-heading-lg: 46px;
  --ui-font-weight-regular: 400;
  --ui-font-weight-medium: 500;
  --ui-font-weight-semibold: 600;

  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ui-space-6: 32px;

  --ui-radius-sm: 4px;
  --ui-radius-md: 7px;
  --ui-radius-lg: 12px;
  --ui-border-width: 1px;
  --ui-control-height: 36px;

  --ui-shadow-surface: 0 8px 22px rgba(26, 172, 120, .2);
  --ui-shadow-overlay: 0 12px 32px rgba(4, 13, 22, .36);
  --ui-shadow-focus-ring: 0 0 0 3px var(--ui-color-focus);

  --ui-motion-duration-fast: .18s;
  --ui-motion-duration-normal: .2s;
  --ui-motion-easing-standard: ease;
}
