/*
 * Black, white and Zcash orange.
 * The blocking theme.js selects an appearance before the first paint.
 * Project marks keep their original colors on a separate neutral surface.
 */
:root,
html[data-theme="light"] {
  color-scheme: light;
  --fg: #191919;
  --muted: #606060;
  --canvas: #f5f5f5;
  --paper: #ffffff;
  --surface-raised: #fafafa;
  --surface-hover: #ededed;
  --line: #d9d9d9;
  --line-strong: #777777;
  --control-border: #858585;
  --link: #914300;
  --focus: #9a4b00;
  --selected-bg: #fff0d8;
  --selected-fg: #773900;
  --accent: #ff9900;
  --amber: #ff9900;
  --accent-soft: #fff4e3;
  --accent-line: #bf8a3a;
  --accent-fg: #824100;
  --info-bg: #f0f0f0;
  --info-fg: #555555;
  --success-bg: #edf5ef;
  --success-line: #b5d1ba;
  --success-fg: #2f6943;
  --neutral-bg: #f1f1f1;
  --neutral-line: #d3d3d3;
  --neutral-fg: #555555;
  --button-primary: #ff9900;
  --button-primary-hover: #ffad33;
  --on-primary: #111111;
  --button-shadow: #0000000a;
  --selection: #ffd394;
  --selection-fg: #191919;
  --logo-bg: #ffffff;
  --logo-line: #d1d1d1;
  --language-other: #747474;
  --language-rust: #ad6541;
  --language-typescript: #397bab;
  --language-go: #368b9a;
  --header-bg: #000000;
  --header-fg: #ffffff;
  --header-muted: #aaaaaa;
  --header-border: #292929;
  --header-control-border: #747474;
  --header-field: #171717;
  --header-hover: #272727;
  --header-hover-border: #a3a3a3;
  --dialog-shadow: #00000026;
  --backdrop: #00000080;
  --toast-bg: #191919;
  --toast-fg: #ffffff;
  --toast-border: #737373;
  --toast-shadow: #00000020;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --fg: #f4f4f4;
  --muted: #aaaaaa;
  --canvas: #0b0b0b;
  --paper: #151515;
  --surface-raised: #1b1b1b;
  --surface-hover: #252525;
  --line: #353535;
  --line-strong: #777777;
  --control-border: #777777;
  --link: #ffad33;
  --focus: #ffad33;
  --selected-bg: #30220e;
  --selected-fg: #ffc266;
  --accent: #ff9900;
  --amber: #ff9900;
  --accent-soft: #2b2113;
  --accent-line: #89612b;
  --accent-fg: #ffc266;
  --info-bg: #232323;
  --info-fg: #c4c4c4;
  --success-bg: #17291d;
  --success-line: #365d40;
  --success-fg: #8dc4a2;
  --neutral-bg: #232323;
  --neutral-line: #414141;
  --neutral-fg: #c4c4c4;
  --button-primary: #ff9900;
  --button-primary-hover: #ffb744;
  --on-primary: #111111;
  --button-shadow: #00000033;
  --selection: #644110;
  --selection-fg: #ffffff;
  --logo-bg: #ffffff;
  --logo-line: #707070;
  --language-other: #a0a0a0;
  --language-rust: #d59a76;
  --language-typescript: #7bb7e6;
  --language-go: #70bccc;
  --header-bg: #000000;
  --header-fg: #ffffff;
  --header-muted: #aaaaaa;
  --header-border: #292929;
  --header-control-border: #747474;
  --header-field: #171717;
  --header-hover: #272727;
  --header-hover-border: #a3a3a3;
  --dialog-shadow: #00000099;
  --backdrop: #000000b3;
  --toast-bg: #222222;
  --toast-fg: #f4f4f4;
  --toast-border: #777777;
  --toast-shadow: #00000066;
}