@import url("flowline_ink.css");

:root {
    --bg: #111315;
    --surface: #1a1c1f;
    --text: #f4f2ed;
    --muted: #aaa79f;
    --accent: #ff7043;
    --flow-paper: var(--bg);
    --flow-paper-bright: var(--surface);
    --flow-ink: var(--text);
    --flow-muted: var(--muted);
    --flow-line: rgba(244, 242, 237, 0.18);
    --flow-accent: var(--accent);
    color-scheme: dark;
}

.flow-header:not(.flow-header-overlay) {
    background: color-mix(in srgb, var(--flow-paper) 92%, transparent);
}

.flow-header:not(.flow-header-overlay) .flow-wordmark img {
    filter: grayscale(1) brightness(0) invert(1);
}

.public-language-menu-list,
.flow-mobile-menu > nav {
    color: var(--flow-ink);
    background: #08090a;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.48);
}

.public-language-menu-option:hover,
.public-language-menu-option.is-active {
    background: rgba(255, 255, 255, 0.1);
}

.flow-profile-excerpt {
    color: #c9c6bf;
}

.flow-pill-link:hover,
.public-contact-actions button {
    color: var(--flow-paper);
}

.flow-work-card,
.flow-placeholder,
.flow-artwork-hero a,
.flow-gallery a {
    background: #24272a;
}

.flow-collection-card {
    background: #08090a;
}

.flow-search input::placeholder,
.public-contact-field input::placeholder,
.public-contact-field textarea::placeholder {
    color: var(--flow-muted);
    opacity: 0.82;
}

.public-contact-field input:-webkit-autofill,
.public-contact-field textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--flow-ink);
    box-shadow: 0 0 0 1000px var(--flow-paper) inset;
}