/* BDT Support — Full system colors (mobile-first) */
:root {
  /* Primary & gradients */
  --main-color: rgb(240, 150, 14);
  --main_gradient-color: linear-gradient(90deg, #F5B73B 0%, #F5853B 100%);
  --main_gradient-color2: linear-gradient(180deg, #F5B73B 0%, #F5853B 100%);
  --light-main_gradient-color: var(--main_gradient-color);
  --main-gradient: var(--main_gradient-color);
  --main-gradient-vertical: var(--main_gradient-color2);
  --tab1: #F5B73B;
  --tab2: #F5853B;

  /* Semantic (used across dashboard + widget) */
  --text_white: #fff;
  --light-bg_white: #222121;
  --light-main-color: var(--main-color);
  --accent: var(--main-color);
  --norm_red-color: #D23838;
  --norm_green-color: #17B15E;
  --danger: var(--norm_red-color);
  --accent2: var(--norm_green-color);
  --success: var(--norm_green-color);
  --norm_secondary-color: #DD9138;
  --warning: var(--norm_secondary-color);
  --norm_Purple-color: #9B48DB;
  --purple: var(--norm_Purple-color);
  --norm_bule-color: #5088D3;
  --blue: var(--norm_bule-color);
  --Secondary_red_color: #FD565C;
  --danger-light: var(--Secondary_red_color);
  --Secondary_green_color: #40AD72;
  --success-light: var(--Secondary_green_color);
  --Secondary_Color1: #FFEBEC;
  --Secondary_Color2: #DAFFEB;
  --Secondary_moto_Color9: #C68728;
  --Secondary_moto_Color8: #3B3833;

  /* Text */
  --text_color_L1: #F5F3F0;
  --text_color_L2: #A8A5A1;
  --text_color_L3: #666462;
  --text_color_L4: #221F2E;
  --text: var(--text_color_L1);
  --text-muted: var(--text_color_L2);
  --text-muted2: var(--text_color_L3);
  --text-dark: var(--text_color_L4);

  /* Backgrounds */
  --bg_color_L1: #1A1918;
  --bg_color_L2: #222121;
  --bg_color_L3: #3B3833;
  --bg: var(--bg_color_L1);
  --panel: var(--bg_color_L2);
  --panel2: var(--bg_color_L3);
  --Dividing-line_color: #454037;
  --border: var(--Dividing-line_color);
  --dividing-line: var(--Dividing-line_color);
  --sheet_nva_color: #40392E;
  --sheet_detail_bg_color: #302F27;
  --sheet-bg: var(--sheet_detail_bg_color);
  --button_dis_color: #454456;
  --button-disabled: var(--button_dis_color);

  /* Bubbles (chat) */
  --bubble-user: #2a2928;
  --bubble-agent: var(--bg_color_L3);

  /* Icons & UI */
  --icon1: rgba(240, 150, 14, 0.6);
  --icon2: rgba(240, 150, 14, 0.3);
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --radius: 12px;
  --radius-sm: 8px;
  --tap-min: 44px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  /* Vant / component overrides (if used) */
  --van-sidebar-text-color: var(--main-color);
  --van-picker-background: var(--bg_color_L2);
  --van-picker-mask-color: linear-gradient(180deg, rgba(32, 29, 43, .9), rgba(32, 29, 43, .4)), linear-gradient(0deg, rgba(32, 29, 43, .9), rgba(32, 29, 43, .4));
  --van-picker-option-text-color: var(--text_color_L2);
  --van-picker-confirm-action-color: var(--main-color);
  --van-popup-background: #201D2B;
  --van-checkbox-checked-icon-color: var(--main-color);
  --van-checkbox-label-color: var(--text_color_L2);
  --van-field-input-text-color: var(--text_color_L1);
  --van-radio-checked-icon-color: var(--main-color);
  --van-grid-item-content-background: var(--bg_color_L1);
  --van-text-color: var(--text_color_L1);
  --van-dialog-background: var(--bg_color_L2);
  --van-circle-color: var(--main-color);
  --van-calendar-background: var(--bg_color_L1);
  --van-calendar-range-edge-background: var(--tab1);
}