/* Sellout dark add-on v1. Load AFTER the original tokens.css.
   Color/elevation only: typography, spacing, geometry and --sd-white are unchanged.
   Application theme is explicit on <html data-theme="dark|light">.
   System preference is resolved by theme-controller.js, not a competing CSS rule. */
:root {
  --sd-surface-raised: #ffffff;
  --sd-input-bg: #ffffff;
  --sd-on-action: #ffffff;
  --sd-accent: #006746;
  --sd-accent-soft: #ebf4ef;
  --sd-inverse-bg: #ffffff;
  --sd-inverse-hover: #f7f7f7;
  --sd-on-inverse: #262626;
  --sd-row-hover: #f2f5f1;
  --sd-disabled-bg: #e6e6e6;
  --sd-disabled-text: #66615e;
  --sd-warning: #805700;
  --sd-warning-soft: #fff4d6;
  --sd-info: #245d91;
  --sd-info-soft: #edf4fb;
  --sd-overlay: rgb(10 16 12 / 0.62);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --sd-bg: #171717;
  --sd-sand: #1d1d1f;
  --sd-surface: #252527;
  --sd-surface-raised: #2e2e31;
  --sd-input-bg: #1b1b1d;
  --sd-text: #f2f2f3;
  --sd-text-secondary: #cbcbcf;
  --sd-text-muted: #a8a8ae;
  --sd-action: #eeeef0;
  --sd-action-hover: #dadadd;
  --sd-on-action: #202023;
  --sd-accent: #d6d6da;
  --sd-accent-soft: #2b2b2e;
  --sd-inverse-bg: #eeeef0;
  --sd-inverse-hover: #dadadd;
  --sd-on-inverse: #202023;
  /* Green is reserved for success, never the general page tint. */
  --sd-green: #a3d2b2;
  --sd-green-soft: #28382d;
  --sd-green-display: #739a7e;
  --sd-dark: #101011;
  --sd-border: #3c3c40;
  --sd-control-border: #85858c;
  --sd-focus: #d6d6e0;
  --sd-row-hover: #323235;
  --sd-disabled-bg: #2a2a2d;
  --sd-disabled-text: #a8a8ae;
  --sd-error: #ffb4ab;
  --sd-error-soft: #442522;
  --sd-warning: #f6cf79;
  --sd-warning-soft: #3a301c;
  --sd-info: #afcdfb;
  --sd-info-soft: #22324b;
  --sd-overlay: rgb(0 0 0 / 0.76);
  --sd-shadow-soft: 0 4px 16px rgb(0 0 0 / 0.16);
  --sd-shadow-overlay: 0 24px 64px rgb(0 0 0 / 0.42);
}