:root {
  --primary_color: #161513;
  --secondary_color: #333333;
  --third_color: #000000;
  --paper_color: #F3EFE6;
  --paper_2_color: #E7E1D4;
  --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: #161513;
  --text_heading: #161513;
  --text_secondary: #6D675E;
  --text_muted: #6D675E;
  --text_label: #3F3A34;
  --text_body: #161513;
  --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);
}