:root {
  --wk-ground: #07090F;
  --wk-sheet: #0A0D15;
  --wk-sheet-2: #0A0D16;
  --wk-card: #0E121C;
  --wk-card-2: #0E131F;
  --wk-card-3: #0D111A;
  --wk-elevated: #121723;
  --wk-elevated-2: #161B27;
  --wk-elevated-3: #1B202C;
  --wk-hairline: rgba(255, 255, 255, 0.08);
  --wk-hairline-strong: rgba(255, 255, 255, 0.12);
  --wk-hairline-soft: rgba(255, 255, 255, 0.07);
  --wk-red: #E11D2E;
  --wk-red-hover: #C4162A;
  --wk-red-text: #FF5062;
  --wk-red-chip: #FF6C7A;
  --wk-red-soft: #FF8A95;
  --wk-gold: #F2B03D;
  --wk-muted: #8F98AB;
  --wk-muted-2: #9AA3B5;
  --wk-muted-3: #767F92;
  --wk-muted-4: #6E7689;
  --wk-muted-5: #5D6478;
  --wk-ink: #F4F6FA;
  --wk-white: #FFFFFF;
  --wk-font: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --wk-wordmark: "Archivo Black", sans-serif;
  --wk-radius-sm: 11px;
  --wk-radius: 14px;
  --wk-radius-card: 16px;
  --wk-radius-lg: 18px;
  --wk-radius-push: 22px;
  --wk-radius-sheet: 26px;
  --wk-radius-device: 44px;
  --wk-radius-pill: 99px;
  --wk-space-8: 8px;
  --wk-space-10: 10px;
  --wk-space-12: 12px;
  --wk-space-14: 14px;
  --wk-space-16: 16px;
  --wk-space-18: 18px;
  --wk-space-20: 20px;
  --wk-space-24: 24px;
}