@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/playfair-display-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 700; font-display: swap; src: url('fonts/playfair-display-latin-700-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 200 900; font-display: swap; src: url('fonts/source-sans-3-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root[data-lumen-theme=fluent],
:root[data-lumen-theme=dark] {
    --lumen-radius: 0px;
    --lumen-font: 'Source Sans 3', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif;
    --lumen-font-mono: 'JetBrains Mono', Consolas, 'SF Mono', Menlo, 'Liberation Mono', monospace;
    --lumen-font-serif: 'Playfair Display', Georgia, 'Iowan Old Style', 'Palatino Linotype', Cambria, serif;
    --lumen-font-size: 1rem;
    --lumen-primary: #d41f33;
    --lumen-on-primary: #ffffff;
    --lumen-btn-danger: #8a0f1d;
    --lumen-btn-danger-hover: #6b0a16;
    --lumen-btn-danger-on: #ffffff;
    --lumen-chart-1: #d41f33;
    --lumen-shadow: none;
}

:root[data-lumen-theme=fluent] {
    --lumen-bg: #f5f2ec;
    --lumen-surface: #fdfcfa;
    --lumen-surface-2: #ebe7df;
    --lumen-border: #d9d4c8;
    --lumen-border-strong: #6f6a60;
    --lumen-text: #141414;
    --lumen-text-muted: #4a4741;
    --lumen-primary-hover: #b3172a;
    --lumen-primary-text: #b3172a;
    --lumen-focus: #141414;
    --lumen-error: #a30d1b;
    --lumen-tint-primary-12: #f7e8e5;
    --lumen-tint-primary-14: #f7e8e5;
    --lumen-tint-primary-16: #f7e8e5;
    --lumen-tint-primary-18: #f7e8e5;
    --lumen-tint-primary-22: #efc9c9;
    --lumen-tint-primary-45: #e08a93;
    --lumen-ink-primary: #b3172a;
    --lumen-stripe: #f5f2ec;
    --spec-rule: #141414;
}

:root[data-lumen-theme=dark] {
    --lumen-bg: #141414;
    --lumen-surface: #1c1c1c;
    --lumen-surface-2: #2a2a2a;
    --lumen-border: #3a3a3a;
    --lumen-border-strong: #8c8880;
    --lumen-text: #f5f2ec;
    --lumen-text-muted: #cfcac0;
    --lumen-primary-hover: #b3172a;
    --lumen-primary-text: #ff6b7a;
    --lumen-focus: #f5f2ec;
    --lumen-tint-primary-12: #2e1c1f;
    --lumen-tint-primary-14: #2e1c1f;
    --lumen-tint-primary-16: #2e1c1f;
    --lumen-tint-primary-18: #2e1c1f;
    --lumen-tint-primary-22: #4a2329;
    --lumen-tint-primary-45: #8a3744;
    --lumen-ink-primary: #ff6b7a;
    --lumen-stripe: #1c1c1c;
    --spec-rule: #f5f2ec;
}

:root[data-lumen-theme=fluent] h1,
:root[data-lumen-theme=fluent] h2,
:root[data-lumen-theme=fluent] .page-title,
:root[data-lumen-theme=dark] h1,
:root[data-lumen-theme=dark] h2,
:root[data-lumen-theme=dark] .page-title {
    font-family: var(--lumen-font-serif);
    font-weight: 700;
    line-height: 1.2;
}

:root[data-lumen-theme=fluent] .lumen-btn,
:root[data-lumen-theme=dark] .lumen-btn {
    border-radius: 0;
    font-weight: 600;
}

:root[data-lumen-theme=fluent] .lumen-appbar,
:root[data-lumen-theme=dark] .lumen-appbar {
    border-bottom: 2px solid var(--spec-rule);
    box-shadow: none;
}

:root[data-lumen-theme=fluent] .lumen-card,
:root[data-lumen-theme=dark] .lumen-card {
    border-radius: 0;
    box-shadow: none;
    border-top: 2px solid var(--spec-rule);
}

:root[data-lumen-theme=fluent] .lumen-badge,
:root[data-lumen-theme=dark] .lumen-badge,
:root[data-lumen-theme=fluent] .lumen-datagrid th,
:root[data-lumen-theme=dark] .lumen-datagrid th {
    font-family: var(--lumen-font-mono);
    font-size: .75rem;
    letter-spacing: .04em;
}

:root[data-lumen-theme=fluent] .lumen-badge,
:root[data-lumen-theme=dark] .lumen-badge {
    white-space: nowrap;
}

:root[data-lumen-theme=fluent] .brand-with-logo > span,
:root[data-lumen-theme=fluent] .shell-logo > span,
:root[data-lumen-theme=fluent] .login-brand > span,
:root[data-lumen-theme=dark] .brand-with-logo > span,
:root[data-lumen-theme=dark] .shell-logo > span,
:root[data-lumen-theme=dark] .login-brand > span {
    position: relative;
    top: .075em;
}