:root {
  font-family: "DMSans", "Montserrat", sans-serif !important;
  box-sizing: border-box;
  /* Brand accent (matches assetmantle.one --am-theme) */
  --primary-color: #fbab30;
  /* Light-mode surfaces (mirrors website --white-200 / --white-100) */
  --bg-light-primary: #fcfbf9;
  --bg-light-card: #fffdfa;
  /* Dark-mode surfaces (existing palette) */
  --dark-1: #1e1e1e;
  --dark-2: #2c2c2c;
  --white-font: #ffffff;
  --lightmode-border: #e7eaf3;
  --darkmode-color-1: #d0d0d0;
  --darkmode-color-2: #3e3e3e;
  --darkmode-color-3: #9d9d9d;
  --darkmode-icon-fill: #848589;
  --darkmode-border: #e5e5e5;
  --success-color: #148919;
  --error-color: #e44651;
  /* Brand fonts (mirrors website --font-BPdotsSquare / --font-DMSans) */
  --font-type-1: "BPdotsSquare";
  --font-type-2: "DMSans";
  --header-bg: rgba(4, 4, 4, 0.8);
  --text-medium: rgba(255, 253, 250, 0.75);
  --gray: #9c9a9a;
  --mantle-off-white: #fffdfa;
  --dark: #f2af13;
  --card-color: #252525;
  --bg-popup: #030301;
  --inactive-grey: rgba(255, 253, 250, 0.5);
  --disabled: #5f5d5a;
  --line: #383838;
  --button-text: #0d0a03;
}