@import "imports";

//@import "fonts/Arimo";
//@import "fonts/Lato";
@import "fonts/Roboto";
//@import "fonts/FiraCode"; // Monospaced

:root {
  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
  --fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace;

  --f1: #444; // Primary Font color
  --f2: #333; // Headers Font color

  --c1: #fff; // Primary Background Color
  --c2: #eee; // Secondary Background Color
  --c3: #ddd; // Table Rows, Block quote edge, Borders
  --c4: #767676; // Disabled Buttons, Borders, mark background

  --a1: #c40; // accent color 1 links
  --a2: #e60; // accent color 2 hover,focus
  --a3: #e60; // accent color 3 h1-h2 hover,focus

  --cg: #483; // ins green, success
  --cr: #d33; // del red, errors
}
@media (prefers-color-scheme: dark) {
  :root {
    --f1: #ccc; // Primary Font color
    --f2: #ddd; // Headers Font color

    --c1: #111; // Primary Background Color
    --c2: #222; // Secondary Background Color
    --c3: #333; // Table Rows, Block quote edge, Borders
    --c4: #888; // Disabled Buttons, Borders, mark background

    --a1: #f90; // accent color 1 links
    --a2: #fb0; // accent color 2 hover,focus
    --a3: #f90; // accent color 3 h1-h2 hover,focus
  }
}

@import "syntax/_abridge-dark";
//@import "syntax/_abridge-light";
//@import "syntax/_abridge-white";
//@import "syntax/_ayu_mirage-dark-abridge";
//@import "syntax/_ayu_mirage-light-abridge";
//@import "syntax/_ayu_mirage-white-abridge";
//@import "syntax/_ayu-dark-abridge";
//@import "syntax/_ayu-light-abridge";
//@import "syntax/_ayu-white-abridge";
//@import "syntax/_charcoal-dark-abridge";
//@import "syntax/_charcoal-light-abridge";
//@import "syntax/_charcoal-white-abridge";
//@import "syntax/_dracula-dark-abridge";
//@import "syntax/_dracula-light-abridge";
//@import "syntax/_dracula-white-abridge";
//@import "syntax/_material-dark-abridge";
//@import "syntax/_material-light-abridge";
//@import "syntax/_material-white-abridge";