@font-face {
    font-family: 'C059';
    src: url('../fonts/C059-Roman.woff2') format('woff2'),
         url('../fonts/C059-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --accent:       #78a0c4;
    --accent-soft:  #a7c4de;
    --accent-dim:   #4e7ba6;
    --dark:         #282c34;
    --dark-border:  #3a4756;
    --dark-border-hover: #4a505c;
    --dark-text-muted:   #8f96a3;
    --bg:           #f5f5f5;
    --white:        #ffffff;
    --text:         #333;
    --text-muted:   #666;
    --text-light:   #999;
    --border:       #ddd;
    --danger:       #c0392b;
    --low:          #2980b9;
    --font:         'C059', Georgia, 'Times New Roman', serif;
    --font-mono:    'Courier New', Courier, monospace;

    --overlay-bg:     rgba(40, 44, 52, .90); 
    --overlay-blur:   blur(22px) saturate(1.4);
    --scrim:        rgba(40, 44, 52, .40);  
    --radius:       2px;

    --link:         #2F73A6; 
    --link-hover:   #5599CC; 
    --link-active:  #2F73A6; 
    --link-d:       #74BEEC;  
    --link-d-hover: #A6D6F5;  

    --nav-rest:     #e6e8ec;  
    --nav-hover:    #A6D6F5; 
    --nav-active:   #74BEEC; 
    --select-ring:  #74BEEC; 

    --link-bracket: var(--link);
    --link-label:   var(--link);

    --log-ok-fg:   #2f7d5b;  --log-ok-bd:   #c9e3d5;  --log-ok-bg:   #eff7f2;
    --log-err-fg:  #b23b34;  --log-err-bd:  #ecccc8;  --log-err-bg:  #fbf1f0;
    --log-info-fg: #37658c;  --log-info-bd: #cfe0ee;  --log-info-bg: #eef4f9;

    --label-fg:      #9aa3af;
    --label-fg-dark: #8f96a3;
}

* { box-sizing: border-box; }

html {
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

body {
    font-family: var(--font);
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    padding: 55px 0 50px 44px;
    background-color: var(--bg);
    color: var(--text);
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}


h1, h2 {
    font-family: var(--font-mono);
    font-weight: 700;
    color: var(--text);
}

h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 2.5rem; text-align: left; }
h2 { font-size: 2rem; text-align: left; }
h3 { font-size: 1.65rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }