:root {
  --primary_color: #007AFF;
  --secondary_color: #63AEFF;
  --third_color: #222222;
  --paper_color: #FFFFFF;
  --paper_2_color: #E8F3FF;
  --background_color: #FFFFFF;
  --sidebar_color: #FAFBFC;
  --navbar_color: #FFFFFF;
  --surface_color: #FFFFFF;
  --surface_soft: #F8F9FB;
  --surface_muted: #F3F4F6;
  --surface_hover: #F9FAFB;
  --surface_subtle: #FAFBFC;
  --input_bg: #FFFFFF;
  --preview_bg: #F3F4F6;
  --mix_base: #FFFFFF;
  --text_color: #1C1C1E;
  --text_heading: #111111;
  --text_secondary: #5E6570;
  --text_muted: #8A919C;
  --text_label: #3A4048;
  --text_body: #1C1C1E;
  --text_inverse: #FFFFFF;
  --border_color: #E5E7EB;
  --border_strong: #D1D5DB;
  --border_soft: #EEF0F3;
  --scrollbar_thumb: #ACACAC;
  --ink: var(--text_heading);
  --paper: var(--paper_color);
  --paper-2: var(--paper_2_color);
  --line: var(--text_heading);
  --muted: var(--text_muted);
  --primaryColor: var(--primary_color);
  --secondaryColor: var(--secondary_color);
  --thirdColor: var(--third_color);
  --bgColor: var(--background_color);
}