/* Shared palette also supports selecting the macOS card theme independently. */
:root {
  --mac-desktop-text: #fff;
  --mac-bg: #f3f5fa;
  --mac-bg2: #e9edf7;
  --mac-text: #202b41;
  --mac-muted: #536078;
  --mac-border: #c4ccda;
  --mac-glass: rgba(242,245,255,.9);
  --mac-window: rgba(247,249,255,.96);
  --mac-bar: #e5e8f0;
  --mac-titlebar: linear-gradient(#f8f9fd, #e5e8f0);
  --mac-wall-warm: #f5ad9a;
  --mac-wall-cool: #a19bf0;
  --mac-wall-base: linear-gradient(145deg, #386ab0 5%, #5552a5 45%, #b15b99 75%, #ec9c92);
  --mac-accent: #005ac7;
  --mac-accent2: #176b70;
}
:root[data-appearance="dark"] {
  --mac-bg: #171c29;
  --mac-bg2: #202738;
  --mac-text: #edf0fa;
  --mac-muted: #b0bad0;
  --mac-border: #495268;
  --mac-glass: rgba(30,35,51,.94);
  --mac-window: rgba(30,35,49,.97);
  --mac-bar: #303749;
  --mac-titlebar: linear-gradient(#353d50, #292f40);
  --mac-wall-warm: #613d68;
  --mac-wall-cool: #343c79;
  --mac-wall-base: linear-gradient(145deg, #101c38 5%, #24234d 45%, #462845 75%, #654256);
  --mac-accent: #91baff;
  --mac-accent2: #7dd9cf;
}
:root[data-site-theme="macos"] body {
  color-scheme: light;
  --bg: var(--mac-bg);
  --bg2: var(--mac-bg2);
  --text: var(--mac-text);
  --text-muted: var(--mac-muted);
  --border: var(--mac-border);
  --surface: var(--mac-window);
  --accent: var(--mac-accent);
  --accent2: var(--mac-accent2);
}
:root[data-site-theme="macos"][data-appearance="dark"] body { color-scheme: dark; }
#mac-appearance, #mac-palette {
  min-height: 28px;
  max-width: 82px;
  padding: 3px 5px;
  border: 1px solid var(--mac-border);
  border-radius: 7px;
  background: var(--mac-window);
  color: var(--mac-text);
  font: inherit;
  cursor: pointer;
}
#mac-appearance:focus-visible, #mac-palette:focus-visible { outline: 3px solid var(--mac-accent); outline-offset: 2px; }

/* The profile heading sits on the page; the code preview stays dark. */
:root[data-site-theme="macos"] .profile-name {
  background: none;
  color: var(--text);
  -webkit-text-fill-color: currentColor;
}
:root[data-site-theme="macos"] .code-wrap { --text-muted: #b0bad0; }

.mac-appearance-controls { display: flex; align-items: center; gap: 8px; margin-left: auto; }
#mac-palette { max-width: 100px; }

:root[data-mac-palette="mono"] {
  --mac-bg: #f5f5f5;
  --mac-bg2: #e9e9e9;
  --mac-text: #252525;
  --mac-muted: #585858;
  --mac-border: #c7c7c7;
  --mac-window: #fafafa;
  --mac-bar: #e5e5e5;
  --mac-accent: #454545;
  --mac-accent2: #555555;
  --mac-wall-warm: #dadada;
  --mac-wall-cool: #eeeeee;
  --mac-glass: #e9e9e9f2;
  --mac-titlebar: linear-gradient(#fafafa, #e5e5e5);
  --mac-wall-base: linear-gradient(145deg, #a4a4a4, #c8c8c8);
  --mac-desktop-text: #252525;
}

:root[data-mac-palette="mono"][data-appearance="dark"] {
  --mac-bg: #181818;
  --mac-bg2: #222222;
  --mac-text: #eeeeee;
  --mac-muted: #b8b8b8;
  --mac-border: #494949;
  --mac-window: #222222;
  --mac-bar: #303030;
  --mac-accent: #dddddd;
  --mac-accent2: #c4c4c4;
  --mac-wall-warm: #3a3a3a;
  --mac-wall-cool: #2c2c2c;
  --mac-glass: #222222f2;
  --mac-titlebar: linear-gradient(#222222, #303030);
  --mac-wall-base: linear-gradient(145deg, #111111, #252525);
  --mac-desktop-text: #fff;
}

:root[data-mac-palette="ocean"] {
  --mac-bg: #f0f7f9;
  --mac-bg2: #e1eef2;
  --mac-text: #17333e;
  --mac-muted: #496775;
  --mac-border: #b6cdd6;
  --mac-window: #f6fbfd;
  --mac-bar: #dcebf0;
  --mac-accent: #00647c;
  --mac-accent2: #136b62;
  --mac-wall-warm: #296c80;
  --mac-wall-cool: #35638a;
  --mac-glass: #e1eef2f2;
  --mac-titlebar: linear-gradient(#f6fbfd, #dcebf0);
  --mac-wall-base: linear-gradient(145deg, #104d73, #237f88);
  --mac-desktop-text: #fff;
}

:root[data-mac-palette="ocean"][data-appearance="dark"] {
  --mac-bg: #101f29;
  --mac-bg2: #172d38;
  --mac-text: #e1f3f9;
  --mac-muted: #a7c5d2;
  --mac-border: #3c5b69;
  --mac-window: #182d39;
  --mac-bar: #223e4c;
  --mac-accent: #77cde9;
  --mac-accent2: #84d9c8;
  --mac-wall-warm: #234f60;
  --mac-wall-cool: #244069;
  --mac-glass: #172d38f2;
  --mac-titlebar: linear-gradient(#182d39, #223e4c);
  --mac-wall-base: linear-gradient(145deg, #0c223b, #133d47);
  --mac-desktop-text: #fff;
}

:root[data-mac-palette="rose"] {
  --mac-bg: #fff3f1;
  --mac-bg2: #f7e0dc;
  --mac-text: #492421;
  --mac-muted: #7b4c46;
  --mac-border: #d6aaa3;
  --mac-window: #fff7f5;
  --mac-bar: #f3d8d2;
  --mac-accent: #b32228;
  --mac-accent2: #95382b;
  --mac-wall-warm: #b83235;
  --mac-wall-cool: #8b202d;
  --mac-glass: #f7e0dcf2;
  --mac-titlebar: linear-gradient(#fff7f5, #f3d8d2);
  --mac-wall-base: linear-gradient(145deg, #721c26, #b73530);
  --mac-desktop-text: #fff;
}

:root[data-mac-palette="rose"][data-appearance="dark"] {
  --mac-bg: #2b1517;
  --mac-bg2: #391d20;
  --mac-text: #ffebe6;
  --mac-muted: #ddb3aa;
  --mac-border: #784447;
  --mac-window: #381d20;
  --mac-bar: #4c272b;
  --mac-accent: #ff9992;
  --mac-accent2: #f5b39b;
  --mac-wall-warm: #8d292e;
  --mac-wall-cool: #651c2a;
  --mac-glass: #391d20f2;
  --mac-titlebar: linear-gradient(#381d20, #4c272b);
  --mac-wall-base: linear-gradient(145deg, #3d111c, #721e23);
  --mac-desktop-text: #fff;
}

/* Ghost: deep teal, mint and pale green from the supplied reference. */
:root[data-mac-palette="ghost"] {
  --mac-bg: #f0faf5;
  --mac-bg2: #dcefe3;
  --mac-text: #163e42;
  --mac-muted: #426568;
  --mac-border: #a1c7b5;
  --mac-window: #f5fcf7;
  --mac-bar: #d2eadb;
  --mac-accent: #236175;
  --mac-accent2: #17644e;
  --mac-wall-warm: #4fd3a7;
  --mac-wall-cool: #addfba;
  --mac-glass: #dcefe3f2;
  --mac-titlebar: linear-gradient(#f5fcf7, #d2eadb);
  --mac-wall-base: linear-gradient(145deg, #addfba, #4fd3a7);
  --mac-desktop-text: #163e42;
}
:root[data-mac-palette="ghost"][data-appearance="dark"] {
  --mac-bg: #122a2d;
  --mac-bg2: #19383b;
  --mac-text: #e4f7ed;
  --mac-muted: #acd0c2;
  --mac-border: #3e6865;
  --mac-window: #193337;
  --mac-bar: #244449;
  --mac-accent: #4fd3a7;
  --mac-accent2: #addfba;
  --mac-wall-warm: #236175;
  --mac-wall-cool: #234f46;
  --mac-glass: #19383bf2;
  --mac-titlebar: linear-gradient(#244449, #193337);
  --mac-wall-base: linear-gradient(145deg, #14303d, #1e5045);
  --mac-desktop-text: #e4f7ed;
}