/* cybee 5.4 foundation palette. Saturated fills stay fixed in both appearances; reading roles adapt.
   Light is the default; dark via data-appearance="dark" or data-theme="dark" (set by assets/appearance.js from the OS). */
:root, :root[data-appearance="light"] {
  color-scheme: light;
  --blue: #2757C9;
  --paper: #FFFFFF;
  --surface: #FFFFFF;
  --wash: #F4F5F7;
  --ink: #151515;
  --muted: #5B606B;
  --line: #DBDEE4;
  --control-line: #7C818A;
  --accent: #2757C9;
  --blue-wash: #E9EFFF;
  --primary-bg: #2757C9;
  --swiss-red: #FF0000;
  --swiss-ink: #CC0011;
  --red-wash: #FFF0F1;
  --orange: #FF6B2B;
  --orange-ink: #AD3300;
  --orange-wash: #FFF0E6;
  --on-orange: #151515;
  --mint: #00D4A0;
  --teal: #007A59;
  --teal-wash: #E1FBF2;
  --on-mint: #151515;
  --violet-solid: #794DFF;
  --violet: #6938EF;
  --violet-wash: #F0EBFF;
  --on-violet: #FFFFFF;
  --danger: #C91432;
  --danger-wash: #FFEBEE;
  --wordmark: #2757C9;
  --inverse-bg: #151515;
  --inverse-ink: #FFFFFF;
  --graphic-grain: #7C818A;
  --cy-bg: #FFFFFF;
  --graphic-rest: 21,21,21; /* @kind color */
  --graphic-blue: 39,87,201; /* @kind color */
  --emblem-filter: brightness(0) saturate(100%); /* @kind other */
  /* semantic aliases */
  --text-body: var(--ink);
  --text-muted: var(--muted);
  --text-link: var(--accent);
  --surface-page: var(--paper);
  --surface-raised: var(--surface);
  --surface-inset: var(--wash);
  --border-rule: var(--line);
  --border-control: var(--control-line);
  --focus-ring: var(--accent);
}
:root[data-appearance="dark"], :root[data-theme="dark"]:not([data-appearance="light"]) {
  color-scheme: dark;
  --blue: #2757C9;
  --paper: #080808;
  --surface: #101010;
  --wash: #181818;
  --ink: #F2F2F2;
  --muted: #B8B8B8;
  --line: #303030;
  --control-line: #707070;
  --accent: #85A7FF;
  --blue-wash: #101D3C;
  --primary-bg: #2757C9;
  --swiss-red: #FF0000;
  --swiss-ink: #FF7A85;
  --red-wash: #310F16;
  --orange: #FF6B2B;
  --orange-ink: #FF9A62;
  --orange-wash: #321A0D;
  --on-orange: #151515;
  --mint: #00D4A0;
  --teal: #22DEAB;
  --teal-wash: #0B2C24;
  --on-mint: #151515;
  --violet-solid: #794DFF;
  --violet: #B09AFF;
  --violet-wash: #22163F;
  --on-violet: #FFFFFF;
  --danger: #FF6D86;
  --danger-wash: #350F19;
  --wordmark: #F2F2F2;
  --inverse-bg: #050505;
  --inverse-ink: #FFFFFF;
  --graphic-grain: #707070;
  --cy-bg: #080808;
  --graphic-rest: 220,220,220; /* @kind color */
  --graphic-blue: 133,167,255; /* @kind color */
  --emblem-filter: brightness(0) invert(1); /* @kind other */
}
@media print {
  :root, :root[data-appearance] {
  color-scheme: light;
  --blue: #2757C9;
  --paper: #FFFFFF;
  --surface: #FFFFFF;
  --wash: #F4F5F7;
  --ink: #151515;
  --muted: #5B606B;
  --line: #DBDEE4;
  --control-line: #7C818A;
  --accent: #2757C9;
  --blue-wash: #E9EFFF;
  --primary-bg: #2757C9;
  --swiss-red: #FF0000;
  --swiss-ink: #CC0011;
  --red-wash: #FFF0F1;
  --orange: #FF6B2B;
  --orange-ink: #AD3300;
  --orange-wash: #FFF0E6;
  --on-orange: #151515;
  --mint: #00D4A0;
  --teal: #007A59;
  --teal-wash: #E1FBF2;
  --on-mint: #151515;
  --violet-solid: #794DFF;
  --violet: #6938EF;
  --violet-wash: #F0EBFF;
  --on-violet: #FFFFFF;
  --danger: #C91432;
  --danger-wash: #FFEBEE;
  --wordmark: #2757C9;
  --inverse-bg: #151515;
  --inverse-ink: #FFFFFF;
  --graphic-grain: #7C818A;
  --cy-bg: #FFFFFF;
  --graphic-rest: 21,21,21; /* @kind color */
  --graphic-blue: 39,87,201; /* @kind color */
  --emblem-filter: brightness(0) saturate(100%); /* @kind other */
  }
}