/* WONÁ CONCEPT: monochrome, ABCDiatype (same files as wona_site). */
@font-face {
    font-family: "ABCDiatype";
    src: url("ABCDiatype-regular.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "ABCDiatype";
    src: url("ABCDiatype-bold.woff2") format("woff2");
    font-weight: 600 700;
    font-display: swap;
}
:root {
    --font: "ABCDiatype", system-ui, -apple-system, "Segoe UI", sans-serif;
    --radius: 0;
    --bg: #f7f7f5;
    --surface: #ffffff;
    --text: #1a1b1b;
    --muted: #6f6f6c;
    --border: #e2e1dd;
    --accent: #1a1b1b;
    --accent-text: #ffffff;
    --notice: #f1f0ec;
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #111111;
        --surface: #1a1a1a;
        --text: #f2f2f0;
        --muted: #a3a39f;
        --border: #2e2e2c;
        --accent: #f2f2f0;
        --accent-text: #111111;
        --notice: #222220;
    }
}
h1 { font-weight: 400; letter-spacing: .02em; }
button, .button { text-transform: uppercase; letter-spacing: .12em; font-size: 13px; padding: 12px 16px; }
button.link { text-transform: none; letter-spacing: normal; font-size: inherit; padding: 0; }
.card { box-shadow: none; }
/* Combined WONÁ CONCEPT & EVA LENDEL mark: tall, so it needs more height than a wordmark. */
.logo-hero { margin: 40px 0 20px; }
.logo-hero img { height: 150px; }
.topbar .brand img { height: 44px; }