:root:not([data-theme="dark"]):not(.chakra-ui-dark):not(.dark),
html[data-theme="light"],
body.chakra-ui-light {
  color-scheme: light;
  --background: #f8f9fa;
  --foreground: #1a202c;
  --foreground-muted: #718096;
  --muted: #718096;
  --box: #ffffff;
  --surface: #ffffff;
  --surface-muted: #f8f9fa;
  --surface-hover: #f8f9fa;
  --surface-action-bg: color-mix(in srgb, var(--foreground) 5%, var(--surface));
  --surface-action-bg-hover: color-mix(
    in srgb,
    var(--foreground) 8%,
    var(--surface)
  );
  --sidebar-bg: #f8f9fa;
  --sidebar: #f8f9fa;
  --line: #eceef1;
  --card-shadow: none;
  --card-radius: 14px;
  --accent: var(--foreground);
  --accent-soft: color-mix(in srgb, var(--foreground) 6%, transparent);
  --ok: #00c853;
  --ok-soft: #e3fceb;
  --warn: #fa812f;
  --warn-soft: #fff8f1;
  --danger: #e84839;
  --danger-soft: #fdecea;
  --auth-sso-bg: #f6f6f7;
  --auth-sso-bg-hover: #efeff0;
  --lighter-box: var(--surface-muted);
  --darker-box: var(--surface-muted);
  --darker-box-border: #e8eaed;
  --darker-box-hover: var(--surface-hover);
  --sidebar-upgrade-bg: #f5e6ff;
  --sidebar-upgrade-text: #a945f6;
  --sidebar-upgrade-border: #a945f650;
  --sidebar-item-active-bg: #ffffff;
  --sidebar-item-active-text: #1a202c;
  --sidebar-item-hover-bg: hsl(214, 32%, 94%);
  --sidebar-item-active-bg-hovered: var(--sidebar-item-hover-bg);
  --primary: var(--foreground);
  --primary-10: color-mix(in srgb, var(--foreground) 6%, transparent);
  --lighter-primary: color-mix(in srgb, var(--foreground) 12%, transparent);
  --shadow: #141c2710;
  --blurred-bg: #ffffff20;

  --kbd-bg: var(--surface-muted);
  --kbd-border: #e1e5eb;
  --kbd-text: #45607e;

  --modal-solid-header-border-color: hsl(214, 42%, 91%);

  --custom-rule-condition-bg: var(--surface-muted);

  --mini-box-bg: var(--surface-muted);

  --logout-button-bg: rgb(248 113 113);

  --recommendation-box: #ffffff;
  --recommendation-button: #ffffff;
  --recommendation-button-border: #eceef1;
  --recommendation-button-hover: var(--surface-hover);
  --recommendation-delete-button-hover: hsl(0, 100%, 95%);
  --recommendation-delete-button-text-hover: hsl(0, 96%, 33%);
  --recommendation-danger-button: rgba(237, 81, 81, 0.1);
  --recommendation-danger-button-hover: rgba(237, 81, 81, 0.15);
  --recommendation-danger-button-text: hsl(0, 58%, 51%);
  --recommendation-danger-button-text-hover: hsl(0, 58%, 51%);

  --upgrade-button: hsl(274, 91%, 90%);
  --upgrade-button-border: hsl(274, 91%, 89%);
  --upgrade-button-text: hsl(274, 81%, 52%);
  --upgrade-button-hover: hsl(274, 91%, 91%);

  --danger-outline-bg: hsl(0, 100%, 95%);
  --danger-outline-text: hsl(0, 96%, 33%);
  --danger-outline-hover-bg: hsl(0, 100%, 91%);
  --danger-outline-hover-text: hsl(0, 96%, 33%);

  --home-link-green: #62cc44;
  --home-link-bg-green: #62cc4415;
  --home-link-red: #eb5046;
  --home-link-bg-red: #eb504615;
  --home-link-purple: #a945f6;
  --home-link-bg-purple: #a945f615;
  --home-link-yellow: #f5c142;
  --home-link-bg-yellow: #f5c14215;
  --home-link-blue: #3e8df7;
  --home-link-bg-blue: #3e8df715;
  --home-link-pink: #eb4ec9;
  --home-link-bg-pink: #eb4ec915;
  --home-link-orange: #f5a623;
  --home-link-bg-orange: #f5a62315;

  --settings-switch-bg: #d9dfe8;

  --area-chart-label-color: #45607e80;
  --area-chart-grid-color: #28384b20;

  --table-header-bg: #1232490d;
  --table-tr-odd-bg: #12324906;
  --table-tr-hover-bg: var(--surface-hover);

  --range-tick-color: #45607e;
  --range-selected-bg: color-mix(in srgb, var(--foreground) 67%, transparent);
  --range-slider-bg: #f0f3f6;

  --risk-gray-bg: #dde7da;
  --risk-gray-text: #000;
  --risk-yellow-bg: #ffbb53;
  --risk-yellow-text: #000;
  --risk-red-bg: #ea3e2e;
  --risk-red-text: #fff;

  --event-type-icon-proxy-bg: #97e9e9;
  --event-type-icon-proxy-text: #5e9191;
  --event-type-icon-profanity-bg: #ff7c7c;
  --event-type-icon-profanity-text: hsl(0, 100%, 98%);
  --event-type-icon-spamsignups-email-bg: #d6e6d2;
  --event-type-icon-spamsignups-email-text: hsl(96.99, 33.33%, 32.25%);
  --event-type-icon-spamsignups-phone-bg: #138983;
  --event-type-icon-spamsignups-phone-text: hsl(96.99, 33.33%, 32.25%);
  --event-type-icon-invalidiban-bg: #5fc2ec;
  --event-type-icon-invalidiban-text: hsl(200, 100%, 95%);
  --event-type-icon-fraud-bg: #d784ed;
  --event-type-icon-fraud-text: hsl(287, 81%, 100%);

  --tooltip-border: #e1e9f3;
  --tooltip-code-bg: #f0f3f6;

  --plan-bg: hsl(210, 25%, 94%);
  --plan-standard-bg: color-mix(in srgb, var(--foreground) 8%, transparent);
  --plan-standard-text: var(--foreground);
  --plan-premium-bg: #b06bff20;
  --plan-premium-text: #b06bff;
  --plan-payg-bg: #92dc6725;
  --plan-payg-text: #98e06e;

  --progress-track-bg: var(--surface-muted);

  --button-danger-bg: #d13131;
  --button-danger-bg-hover: #e03c3c;

  --input-border: #e1e9f3;
  --input-placeholder: #141c2780;
  --input-addon-bg: var(--surface-muted);
  --stripe-input-bg: var(--surface-muted);

  --menu-item-hover-bg: hsl(214, 32%, 96%);
  --menu-shadow: 0 8px 24px rgba(26, 32, 44, 0.12);

  --alert-danger-bg: #ff6b6b2f;
  --alert-danger-icon: #e66b6b;
  --alert-danger-text: #2f1e1e;

  --alert-warning-bg: #f5e47785;
  --alert-warning-icon: #9e9242;
  --alert-warning-text: #1c1b0c;

  --success-payment-icon-bg: #79e63b29;

  --dashboard-selection-bg: color-mix(
    in srgb,
    var(--foreground) 12%,
    transparent
  );
  --dashboard-selection-text: #000;

  --qr-code-bg: #00000010;

  --avatar-border: var(--line);

  --overlay-bg: rgba(15, 23, 42, 0.12);

  --divider-color: #9aabc1;

  --otp-input-border: #ccd6e1;

  --pulse-animation-color: #62cc44;

  --skeleton-start-bg: #f0f3f6;
  --skeleton-end-bg: #e1e9f3;

  --tag-gray-bg: #f0f3f6;
  --tag-gray-text: #6b7d8f;
  --tag-green-bg: hsl(137, 67%, 94%);
  --tag-green-text: #62cc44;
  --tag-purple-bg: hsl(276, 100%, 96%);
  --tag-purple-text: #a945f6;
  --tag-yellow-bg: hsl(48, 100%, 89.75%);
  --tag-yellow-text: #ddb34d;
  --tag-red-bg: hsl(0, 100%, 94%);
  --tag-red-text: #ff6b6b;

  --upload-field-border: #e1e9f3;

  --diff-green-bg: #e6ffed;
  --diff-green-text: #62cc44;
  --diff-red-bg: #ffe6e6;
  --diff-red-text: #ff6b6b;

  --button-solid-bg: var(--foreground);
  --button-solid-text: var(--background);
  --button-solid-bg-hover: color-mix(
    in srgb,
    var(--foreground) 88%,
    var(--background)
  );
  --button-solid-bg-active: color-mix(
    in srgb,
    var(--foreground) 78%,
    var(--background)
  );
  --button-solid-border: color-mix(in srgb, var(--foreground) 20%, transparent);

  --button-cta-bg: var(--foreground);
  --button-cta-text: var(--background);
  --button-cta-hover: color-mix(
    in srgb,
    var(--foreground) 88%,
    var(--background)
  );

  --checkbox-border: #e1e9f3;
  --checkbox-bg: #f0f3f6;
  --checkbox-checked-bg: var(--foreground);
  --checkbox-checked-border: var(--foreground);
  --checkbox-focus: #0077e6;

  --radio-border: #e1e9f3;
  --radio-bg: #f0f3f6;
  --radio-checked-dot: #f0f3f6;
  --radio-checked-bg: var(--foreground);
  --radio-checked-border: var(--foreground);
  --radio-focus: #0077e6;

  --rush-hours-color-gray: hsl(211, 22%, 92%);
  --rush-hours-color-orange: hsl(43, 90%, 71%);
  --rush-hours-color-red: hsl(0, 100%, 81%);
  --rush-hours-border-color: hsla(215, 32%, 12%, 0.07);

  --tour-overlay-bg: #0d243550;

  --toaster-bg: #fff;
  --toaster-border: hsl(216, 32%, 91%);
  --border-subtle: #00000010;
}