:root {
  color-scheme: light;
  --drm-bg: #ffffff;
  --drm-surface: #ffffff;
  --drm-surface-soft: #f4fafa;
  --drm-text: #212529;
  --drm-muted: #5f7180;
  --drm-border: #d8e4e8;
  --drm-brand: #234161;
  --drm-link: #176f91;
}

html,
body {
  background-color: var(--drm-bg);
  color: var(--drm-text);
}

.gl-navbar,
.dg-navbar,
.offcanvas,
.offcanvas-header,
.dropdown-menu,
.card,
.card-lite,
.svc-card,
.about-card,
.bg-mypurchase,
.box-order-detail,
.p-form-box,
.product-card,
.related-card,
.bg-sub-mypurchase {
  background-color: var(--drm-surface);
  color: var(--drm-text);
  border-color: var(--drm-border);
}

.gl-navbar .nav-link,
.dg-navbar .nav-link,
.dropdown-item,
.lang-switch .lang,
.text-dark,
.table {
  color: var(--drm-text) !important;
}

.form-control,
.form-select,
textarea,
input:not([type="checkbox"]):not([type="radio"]),
select {
  background-color: var(--drm-surface);
  color: var(--drm-text);
  border-color: var(--drm-border);
}

.text-muted {
  color: var(--drm-muted) !important;
}

.hero,
.card-lite,
.svc-card {
  background-color: var(--drm-surface);
  color: var(--drm-text);
}

.pill,
.svc-icon {
  background: #eef7fb;
  color: var(--drm-brand);
}