/* Marketplace Profile unified dark palette.
 * One neutral/brand source of truth shared by the public site and Worktracker.
 * This intentionally preserves the established blue-graphite dark theme while
 * allowing every dark component to inherit the same canonical tones.
 */
:root {
  --mp-dark-page: #202329;
  --mp-dark-surface: #2a2f38;
  --mp-dark-surface-raised: #333945;
  --mp-dark-surface-subtle: #252a32;
  --mp-dark-surface-muted: #303640;
  --mp-dark-surface-soft: #272c34;
  --mp-dark-surface-hover: #343b47;

  --mp-dark-overlay-surface: #3a4050;
  --mp-dark-overlay-raised: #434a5c;
  --mp-dark-overlay-subtle: #343a48;

  --mp-dark-text: #e8e8e8;
  --mp-dark-text-strong: #eef0f5;
  --mp-dark-text-secondary: #c1c7d0;
  --mp-dark-text-muted: #a4acb8;
  --mp-dark-text-subtle: #8f98a6;
  --mp-dark-text-faint: #7f8997;

  --mp-dark-border: #3d4450;
  --mp-dark-border-strong: #4a5361;
  --mp-dark-border-soft: #343b46;
  --mp-dark-divider: #363d48;

  --mp-dark-accent: #8ab4f8;
  --mp-dark-accent-hover: #aecbfa;
  --mp-dark-accent-soft: #303747;
  --mp-dark-accent-tint: #2b3240;
  --mp-dark-accent-border: #3f4b62;
  --mp-dark-accent-border-strong: #56657f;

  --mp-dark-selected-surface: #4a5566;
  --mp-dark-input-border: #4b5361;
  --mp-dark-input-border-hover: #596274;
  --mp-dark-input-border-strong: #677287;
  --mp-dark-input-placeholder: #939aa6;

  --mp-dark-action-bg: #3a3f50;
  --mp-dark-action-bg-hover: #444a5c;
  --mp-dark-action-border: #51596a;

  --mp-dark-floating-control: #3b4150;
  --mp-dark-floating-control-hover: #444b5c;
  --mp-dark-floating-control-border: #596277;
}