:root{
  /* Our Styles as variables */
  --bTransparent100: #57594F52;
  --bPrimary: #1B1C19;
  --nPrimary: #FEFFFC;
  --bSecondary300: #282924;
  --bSecondary400: #23241F;
  --bSecondary500: #393B34;

  --nSecondary200: #ADB29D;
  --nSecondary300: #909482;
  --nSecondary400: #777A6C;
  --nSecondary500: #686B5E;

  --cfPrimary: #CDF850;
  --cfSuccess: #00C6A8;
  --cfSecondary: #70D8C5;

  /* Styles for Web3Modal */
  --wui-cover: var(--bTransparent100);

  --wui-color-bg-base-125: var(--bPrimary);
  --wui-color-bg-base-200: var(--bSecondary400);
  --wui-color-bg-base-300: var(--bSecondary500);

  --wui-color-fg-base-100: var(--nPrimary);
  --wui-color-fg-base-200: var(--nSecondary200);

  --wui-color-fg-base-250: var(--nSecondary400);

  /* --wui-gray-glass-002: var(--bSecondary400); */
  /* --wui-gray-glass-005: var(--bSecondary300); */

  --wui-color-blue-base-100: var(--cfPrimary) !important;

  --wui-border-radius-l: calc(var(--w3m-border-radius-master) * 6);
  --w3m-border-radius-master: 4px;

  --wui-color-fg-175: var(--cfPrimary);

  --wui-color-accent-base-100: var(--cfPrimary);
  --wui-color-success-base-100: var(--cfSecondary);

  --wui-icon-box-bg-success-100: color-mix( in srgb, var(--wui-color-success-base-100) 15%, transparent );

  --w3m-font-family: -apple-system, 'Rubik', 'Roboto', 'Helvetica Neue', 'Open Sans', sans-serif;

  --wui-font-weight-regular: 400;
  --wui-font-weight-medium: 600;
  --wui-font-weight-bold: 700;
}