html {
  --gm-bg: #ffffff;
  --gm-fg: #000000;
  --gm-muted: rgba(0, 0, 0, 0.65);
  --gm-border: rgba(0, 0, 0, 0.12);
  --gm-shadow: rgba(0, 0, 0, 0.12);
}

html.dark {
  --gm-bg: #000000;
  --gm-fg: #ffffff;
  --gm-muted: rgba(255, 255, 255, 0.70);
  --gm-border: rgba(255, 255, 255, 0.14);
  --gm-shadow: rgba(0, 0, 0, 0.60);
}

body {
  background: var(--gm-bg);
  color: var(--gm-fg);
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

.gm-border {
  border-color: var(--gm-border);
}

.gm-muted {
  color: var(--gm-muted);
}

.gm-header {
  background: rgba(255, 255, 255, 0.85);
}

html.dark .gm-header {
  background: rgba(0, 0, 0, 0.75);
}

@supports (background: color-mix(in srgb, black, white)) {
  .gm-header {
    background: color-mix(in srgb, var(--gm-bg) 85%, transparent);
  }
}

.gm-brand {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -0.03em;
}