/* Vici shared tokens - Pearl (light) and Graphite (dark).
   The modal is the master copy: this file is loaded first by dock/panel/panel.html
   and, under /panel/, by the account web app. It holds the palette and nothing else.

   Shared files (dock/HANDOFF.md, "Shared files"): flat files beside panel.html, named
   shared-<family>; they hold exactly what the modal ships; the host's own stylesheet
   loads after them; no transition, animation, filter or blur, and no CSS the board's
   WebKit has not already shipped; theme is html[data-theme], set by every host. An
   edit here is a dock landing (live first) that also deploys the web. */

:root {
  color-scheme: light;
  --bg: #FBFAF8;
  --surface: #ffffff;
  --surface-2: #F1F1EF;
  --rail: #F0F0EE;
  --user-bubble: #EEEFF1;
  --rail-selected: #E7EBF2;
  --control-border: #C7C9CE;
  --accent-mark: #3775E9;
  --accent-link: #215EC4;
  --neutral-hover: #E9E9E7;
  --neutral-pressed: #DDDFE2;
  --grabber: #C1C3C8;
  --border: #E2E2E0;
  --text: #252629;
  --muted: #686B72;
  --accent: #246EE9;
  --accent-soft: #EAF1FD;
  --accent-contrast: #ffffff;
  --accent-hover: #1F60CF;
  --accent-pressed: #1B54B8;
  --danger: #c62f2f;
  --danger-soft: #fbe7e7;
  --danger-contrast: #ffffff;
  --ok: #1f8a4c;
  --idle: #8a7a1f;
  --warning: #8a6500;
  --floating-border: #C7C9CE;
  --floating-surface: #FFFFFF;
  --raised-border: #C7C9CE;
  --raised-surface: #ffffff;
  --dialog-border: #C7C9CE;
  --dialog-surface: #ffffff;
  --overlay-scrim: rgba(18, 22, 29, 0.48);
  --scroll-thumb: #858993;
  --scroll-thumb-active: #686B72;
  --hover-wash: #E9E9E7;
  --control-hover-text: #252629;
  --account-action-text: #252629;
  --account-action-opacity: 1;
  --on-dark: #e8ecf3;
  --lightbox-muted: #A0A1A7;
  --lightbox-accent: #83B2FF;
  --lightbox-accent-soft: #26364F;
  --os-warning-bg: #fff0f0;
  --os-warning-border: #dc8b89;
  --os-warning-text: #842c2c;
  --os-warning-action: #c62f2f;
  --radius: 16px;
  --radius-sm: 8px;
  --card-radius: 16px;
  --shadow: 0 1px 2px rgba(10, 14, 20, 0.06),
    0 8px 28px rgba(10, 14, 20, 0.07);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
    "DejaVu Sans", sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Menlo, "DejaVu Sans Mono", monospace;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #222325;
  --surface: #2A2B2E;
  --surface-2: #2A2B2E;
  --rail: #1C1D1F;
  --user-bubble: #303135;
  --rail-selected: #30343C;
  --control-border: #5F636B;
  --accent-mark: #458EFF;
  --accent-link: #83B2FF;
  --neutral-hover: #35373B;
  --neutral-pressed: #404349;
  --grabber: #737780;
  --border: #3B3C40;
  --text: #ECECEB;
  --muted: #A0A1A7;
  --accent: #246EE9;
  --accent-soft: #26364F;
  --accent-contrast: #FFFFFF;
  --accent-hover: #205FCC;
  --danger: #ff6b6b;
  --danger-soft: #3a1414;
  --danger-contrast: #ffffff;
  --ok: #4cd07d;
  --idle: #d9c34a;
  --warning: #f0b429;
  --floating-border: #5F636B;
  --floating-surface: #2A2B2E;
  --raised-border: #5F636B;
  --raised-surface: #2A2B2E;
  --dialog-border: #5F636B;
  --dialog-surface: #2A2B2E;
  --overlay-scrim: rgba(5, 8, 13, 0.78);
  --scroll-thumb: #737780;
  --scroll-thumb-active: #A0A1A7;
  --hover-wash: #35373B;
  --control-hover-text: #ECECEB;
  --account-action-text: #ECECEB;
  --account-action-opacity: 1;
  --on-dark: #e8ecf3;
  --os-warning-bg: #3a1214;
  --os-warning-border: #a23b38;
  --os-warning-text: #ffd9d9;
  --os-warning-action: #d0433f;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4),
    0 10px 34px rgba(0, 0, 0, 0.45);
}