/*
Author: Vivian Gölz
Author URI: https://viviangoelz.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: "Suisse Int'l";
    src: url("fonts/suisse/SuisseIntl-Regular-WebXL.woff") format("woff");
}

@font-face {
    font-family: "Suisse Int'l";
    src: url("fonts/suisse/SuisseIntl-Bold-WebXL.woff") format("woff");
    font-weight: bold;
}

@font-face {
    font-family: "Suisse Int'l Mono";
    src: url("fonts/suisse/SuisseIntlMono-Regular-WebXL.woff") format("woff");
}

/* @font-face {
    font-family: suisse;
    src: url(fonts/suisse/SuisseIntl-Regular-WebXL.woff);
}

@font-face {
    font-family: suisse mono;
    src: url(fonts/suisse/SuisseIntlMono-Regular-WebXL.woff);
} */

:root {
    --outline: 0px solid rgb(175, 175, 175);
    --c-white: #fafafa;
    --c-black: #000000;
    --c-secondary: #999999;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

html {
    color: var(--c-black);
    background-color: var(--c-white);
    text-transform: lowercase;
    font-family: "Suisse Int'l", "Suisse Intl", Helvetica, Arial, sans-serif;
    font-size: 1rem;
}

li {
    list-style: none;
}

/******************************************
outlines
******************************************/

.box > *,
.raster > *,
.raster,
* {
    outline: var(--outline);
}

/******************************************
typography
******************************************/

h1 {
    font-size: 2rem;
    /* font-weight: 500; */
}

:is(h2, h3):not(.plain),
.section-title {
    text-transform: uppercase;
    font-family: "Suisse Int'l Mono", "Menlo", monospace;
    font-size: .625rem;
    /* font-weight: 500; */
}

p {
    font-size: 1rem;
}

/******************************************
links
******************************************/

a {
    color: currentColor;
    text-decoration: none;
}

a:hover {
    /* filter: opacity(0.5); */
    color: var(--c-secondary);
}