:root {
  --hub-color-1: #18302e;
  --hub-color-2: #f2f5f4;
  --hub-color-3: #d9e3df;
  --hub-color-4: #edf5f1;
  --hub-color-5: #146c58;
  --hub-color-6: #105441;
  --hub-color-7: #26977a;
  --hub-color-8: #102e29;
  --hub-color-9: #bde6cc;
  --hub-color-10: #b6ccc5;
  --hub-color-11: #e5eee8;
  --hub-color-12: #345747;
  --hub-color-13: #71847d;
  --hub-color-14: #dce6e1;
  --hub-color-15: #edf1ee;
  --hub-color-16: #edf6f1;
  --hub-color-17: #16735a;
  --hub-color-18: #eff3f1;
  --hub-color-19: #526a60;
  --hub-color-20: #e0f2e7;
  --hub-color-21: #18643c;
  --hub-color-22: #fff0d7;
  --hub-color-23: #885b18;
  --hub-color-24: #fbe6e4;
  --hub-color-25: #943e38;
  --hub-color-26: #fafcfb;
  --hub-color-27: #e2e8e5;
  --hub-color-28: #e5f3ed;
  --hub-color-29: #ccdcd4;
  --hub-color-30: #557565;
  --hub-color-31: #7b8b83;
  --hub-color-32: #e4ebe7;
  --hub-color-33: #fff5e3;
  --hub-color-34: #e9efeb;
  --hub-color-35: #163d32;
  --hub-color-36: #e0efe8;
  --hub-color-37: #8dbaa4;
  --hub-color-38: #d4e3da;
  --hub-color-39: #f0f6f2;
  --hub-color-40: #c6dfd3;
  --hub-color-41: #e5ece8;
  --hub-color-42: #963e38;
  --hub-color-43: #cddbd5;
  --hub-color-44: #47695c;
  --hub-color-45: #fff;
  --hub-color-46: #dde6e1;
  --hub-color-47: #60756b;
  --hub-color-48: #e6f0eb;
  --hub-color-49: #eaf2ed;
  --hub-color-50: #476b5b;
  --hub-color-51: #e8f2ec;
  --hub-color-52: #6a7f74;
  --hub-color-53: #f4f7f5;
  --hub-color-54: #6d8177;
  --hub-color-55: #e4ece7;
  --hub-color-56: #edf3ef;
  --hub-color-57: #cadbd1;
  --hub-color-58: #f2f6f3;
  --hub-color-59: #806327;
  --hub-color-60: #fff4df;
  --hub-color-61: #102e2955;
  --hub-color-62: #102e2920;
  --hub-color-63: #24483d;
  --hub-color-64: #f1f6f3;
  --hub-color-65: #f3f7f4;
  --hub-color-66: #e3e9e6;
  --hub-color-67: #064c3b;
  --hub-color-68: #07513f;
  --hub-color-69: #f5f8f6;
  --hub-color-70: #dce6df;
  --hub-color-71: #17352d;
  --hub-color-72: #64796f;
  --hub-color-73: #153e2910;
  --hub-color-74: #dae2dc;
  --hub-color-75: #20382d;
  --hub-color-76: #e2e9e4;
  --hub-color-77: #f4f8f5;
  --hub-green: #146c58;
  --hub-green-hover: #105441;
  --hub-bg: #f2f5f4;
  --hub-surface: #fff;
  --hub-line: #dde6e1;
  --hub-ink: #18302e;
  --hub-muted: #52675e;
  --hub-danger: #9f2337;
  --hub-warning: #775300;
  --hub-space-1: 4px;
  --hub-space-2: 8px;
  --hub-space-3: 12px;
  --hub-space-4: 16px;
  --hub-space-6: 24px;
  --hub-space-8: 32px;
  --hub-radius: 12px;
  --hub-field-radius: 7px;
  --hub-motion: 120ms;
  --hub-font: 'IBM Plex Sans Arabic', 'IBM Plex Sans', Tahoma, Arial, sans-serif;
}
:root {
  --hub-green-soft: var(--hub-color-51);
  --hub-background: var(--hub-bg);
  --hub-border: var(--hub-line);
  --hub-text: var(--hub-ink);
  --hub-space: var(--hub-space-3);
}

:root {
  --hub-backdrop: rgb(16 46 41 / 35%);
}