:root {
  color-scheme: light;
  --bg: #ebeef0;
  --surface: #fff;
  --surface-alt: #f5f6f7;
  --text: #323339;
  --text-secondary: #434345;
  --muted: #6f7781;
  --placeholder: #9b9b9b;
  --accent: #00b19d;
  --accent-hover: #007e70;
  --accent-border: #009886;
  --accent-soft: rgb(0 177 157 / 12%);
  --error: #b42318;
  --error-bg: #fdf1f0;
  --error-border: #e6b4b0;
  --border: #ccc;
  --border-light: #e5e5eb;
  --border-strong: #b3b3b3;
  --account-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
  --modal-shadow: 0 16px 48px 0 rgb(0 0 0 / 25%);
  --focus-ring: 0 0 0 3px rgb(0 177 157 / 18%);
  --account-mobile-max: 991px;
  --radius-card: 0;
  --radius-control: 3px;
  --radius-modal: 5px;
  --font-base: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-heading: "Open Sans", "Roboto", "Helvetica Neue", Arial, sans-serif;
  --font-size-base: 13px;
}