/* Old Android skin: flat, black, Holo blue. Active when <html> has data-skin="android"; theme.css is left alone. */
:root[data-skin="android"] {
  --bg: #000; --glass-a: #151515; --glass-b: #151515; --edge: #333; --line: #333; --shadow: transparent;
  --fg: #e8e8e8; --muted: #9a9a9a; --link: #33b5e5; --mark: #33b5e5;
  --b1: #7ea81a; --b2: #6a9314; --b3: #5f8710; --bd: #4a6b0c; --tsh: rgba(0, 0, 0, .4);
  --alt-a: #2a2a2a; --alt-b: #2a2a2a; --alt-c: #222; --alt-d: #2a2a2a; --alt-fg: #e8e8e8; --alt-ts: transparent; --alt-bd: #444;
  --font-display: "Roboto", "Droid Sans", system-ui, sans-serif; --font-body: "Roboto", "Droid Sans", system-ui, sans-serif;
  color-scheme: dark;
}
[data-skin="android"] body::before, [data-skin="android"] .ban::after, [data-skin="android"] .hero::after, [data-skin="android"] .icon.gloss::after { display: none; }
[data-skin="android"] :is(.glass, .mk, .ban, .gbtn, .pill, .bar, .icon) { border-radius: 3px; box-shadow: none; text-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
[data-skin="android"] .mk { background: var(--b2); border-color: transparent; }
[data-skin="android"] .gbtn { background: var(--b2); }
[data-skin="android"] .gbtn.alt { background: var(--alt-b); }
[data-skin="android"] .bar div { background-image: none; }
[data-skin="android"] #theme { display: none; }
[data-skin="android"] #skin { margin-left: auto; }