:root {
  --color-bg: #f6f8fb;
  --color-surface: #ffffff;
  --color-surface-soft: #fbfcfe;
  --color-control: #f8fafc;
  --color-text: #161616;
  --color-muted: #667085;
  --color-primary: #ef7d22;
  --color-primary-hover: #c95f0f;
  --color-border: #dfe5ec;
  --color-danger: #b42318;
  --color-success: #137333;
  --color-focus: rgba(239, 125, 34, 0.22);
  --color-empty-bg: #f1f4f8;
  --color-empty-border: #b8c3cf;
  --color-disabled-bg: #e8edf3;
  --color-disabled-border: #b9c4d0;
  --color-disabled-text: #596777;
  --color-available-bg: #e8f7ed;
  --color-available-border: #72bd8b;
  --color-available-text: #0b5529;
  --color-unavailable-bg: #fbe8e8;
  --color-unavailable-border: #de8585;
  --color-unavailable-text: #822020;
  --color-warning-bg: #fff0d8;
  --color-warning-text: #74400e;
  --radius: 10px;
  --radius-large: 14px;
  --shadow: 0 0 0 1px rgba(22, 22, 22, 0.025), 0 2px 5px rgba(22, 22, 22, 0.045), 0 10px 28px rgba(22, 22, 22, 0.055);
}