//@import "fonts/Abridge"; //@import "fonts/Roboto"; //@import "fonts/Arimo"; //@import "fonts/Lato"; //@import "fonts/FiraCode"; // Monospaced @import "imports"; @import "syntax/syntax-abridge"; :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: #ccc;// Font Color Primary --f2: #ddd;// Font color Headers --c1: #111;// Background Color Primary --c2: #222;// Background Color Secondary --c3: #333;// Table Rows, Block quote edge, Borders --c4: #888;// Disabled Buttons, Borders, mark background --a1: #f90;// link color --a2: #fb0;// link hover/focus color --a3: #f90;// link h1-h2 hover/focus color --cg: #593; // ins green, success --cr: #e33; // del red, errors } @media (prefers-color-scheme: light) { :root { --f1: #444;// Font Color Primary --f2: #333;// Font color Headers --c1: #fff;// Background Color Primary --c2: #eee;// Background Color Secondary --c3: #ddd;// Table Rows, Block quote edge, Borders --c4: #677;// Disabled Buttons, Borders, mark background --a1: #c40;// link color --a2: #e60;// link hover/focus color --a3: #f90;// link h1-h2 hover/focus color --cg: #373; // ins green, success --cr: #d33; // del red, errors } }