$color__background-body: #f6f6f6;
$color__background-screen: #f1f1f1;
$color__background-hr: #ccc;
$color__background-button: #e6e6e6;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;

$color__text-screen: #21759b;
$color__text-input: #666;
$color__text-input-focus: #111;
$color__link: #ff7052;
$color__link-visited: #ff7052;
$color__link-hover: #da6f5a;
$color__text-main: #404040;

$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: #ccc;
$color__border-abbr: #666;

$font__main: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
$font__code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font__pre: "Courier 10 Pitch", Courier, monospace;
$font__line-height-body: 1.5;
$font__line-height-pre: 1.6;

$size__site-main: 100%;
$size__site-sidebar: 25%;

// # Container width
$size__site-width: 1024px;

// ## Font sizes
$font__size-h1: 36px;
$font__size-h2: 30px;
$font__size-h3: 26px;
$font__size-h4: 22px;
$font__size-h5: 18px;
$font__size-h6: 16px;
$font__size-default: 1em;
$font__size-content: 1.25em;
$font__size-small: 0.9em;
$font__size-smaller: 0.8em;
$font__size_tiny: 0.7em;

// ## Weights
$font__weight-default: 400;
$font__weight-bold: 700;

$columns: (
        1: 100%,
        2: 50%,
        3: 33.33%,
        4: 25%,
        5: 20%,
        6: 16.66%,
        7: 14.28%,
        8: 12.5%,
        9: 11.11%
);

$columns__margin: 3.8%;
