/* Hallmark · UserPanel · custom Ertia brand · pre-emit critique: P4 H5 E4 S5 R5 V4 */
@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("../fonts/userpanel/manrope/manrope-latin-ext-v20.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
.ec-home {
    --color-paper: #ffffff;
    --radius-module: 22px;
    --radius-dashboard: 24px;
    --color-agenda: #fbf0df;
    --color-agenda-rule: #eadcc8;
    --color-agenda-ink: #855b2c;
    --color-module-1: #d34e78;
    --color-module-soft-1: #fceef3;
    --color-module-2: #149e9a;
    --color-module-soft-2: #e9f8f5;
    --color-module-3: #447be0;
    --color-module-soft-3: #edf3ff;
    --color-module-4: #167c9e;
    --color-module-soft-4: #eaf6fb;
    --color-module-5: #e27a37;
    --color-module-soft-5: #fff3e9;
    --color-module-13: #8560c3;
    --color-module-soft-13: #f2edfb;
    --color-module-14: #12a6a3;
    --color-module-soft-14: #eaf9f6;
    --color-launcher-coral: #ffad88;
    --color-launcher-sky: #71d3ed;
    --color-launcher-mint: #68ddc2;
    --color-launcher-peach: #ffcc91;
    --color-launcher-lilac: #d3b9f3;
    --color-launcher-rule: #ffffff;
    --color-activity: #b72d49;
    --color-activity-muted: #ffeaee;
    --color-activity-count: #ffffff26;
    --shadow-launcher: 0 8px 24px #2027330d, 0 2px 5px #20273305;
    --shadow-launcher-hover: 0 16px 30px #2027331a, 0 3px 8px #20273308;
}
@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("../fonts/userpanel/manrope/manrope-latin-v20.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 {
    color-scheme: light;
    --color-paper: #f3f4f5;
    --color-paper-2: #ffffff;
    --color-ink: #24272d;
    --color-ink-2: #626a76;
    --color-rule: #dfe2e6;
    --color-rule-strong: #b9c0ca;
    --color-nav-surface: #f7f8fa;
    --color-nav-ink: #454d5a;
    --text-navigation: 14px;
    --text-shell: 13px;
    --radius-navigation: 16px;
    --shadow-nav-active: 0 2px 7px #20273310;
    --color-accent: #b72d49;
    --color-accent-hover: #95253d;
    --color-accent-soft: #f8eef1;
    --color-accent-ink: #ffffff;
    --color-focus: #95253d;
    --color-success: #237552;
    --color-success-soft: #eaf5ef;
    --color-warning: #8c5a12;
    --color-warning-soft: #fff6e5;
    --color-danger: #b42332;
    --color-danger-soft: #fff0f1;
    --color-overlay: #17213266;
    --color-module-1: #99536e;
    --color-module-soft-1: #f7f0f3;
    --color-module-2: #3e7770;
    --color-module-soft-2: #eff5f3;
    --color-module-3: #4b6d9a;
    --color-module-soft-3: #eff3f8;
    --color-module-4: #68738b;
    --color-module-soft-4: #f0f2f6;
    --color-module-5: #8f6663;
    --color-module-soft-5: #f6f1f0;
    --color-module-6: #64796d;
    --color-module-soft-6: #f0f5f2;
    --color-module-7: #5d6796;
    --color-module-soft-7: #f1f2f7;
    --color-module-8: #7c6d80;
    --color-module-soft-8: #f4f1f5;
    --color-module-9: #527a72;
    --color-module-soft-9: #f0f5f4;
    --color-module-10: #55778d;
    --color-module-soft-10: #f0f4f7;
    --color-module-11: #835c82;
    --color-module-soft-11: #f5f0f5;
    --color-module-12: #8c6075;
    --color-module-soft-12: #f6f0f3;
    --color-module-13: #765e91;
    --color-module-soft-13: #f3f0f7;
    --color-module-14: #427b8b;
    --color-module-soft-14: #eef5f7;
    --font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-display: var(--font-body);
    --font-mono: ui-monospace, Consolas, monospace;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --text-xs: .75rem;
    --text-sm: .875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-title: clamp(1.4rem, 1.7vw, 1.85rem);
    --radius-card: 8px;
    --radius-input: 6px;
    --radius-pill: 999px;
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --dur-short: 150ms;
    --shadow-panel: 0 4px 18px #2027330a;
    --shadow-menu: 0 12px 36px #2027331f;
    /* Compatibility with existing Razor views. */
    --primary: var(--color-accent);
    --primary-dark: var(--color-accent-hover);
    --primary-light: var(--color-accent-soft);
    --brand: var(--color-accent);
    --brand-dark: var(--color-accent-hover);
    --accent: var(--color-success);
    --accent-light: var(--color-success-soft);
    --danger: var(--color-danger);
    --danger-light: var(--color-danger-soft);
    --warning: var(--color-warning);
    --warning-light: var(--color-warning-soft);
    --bg: var(--color-paper);
    --bg-soft: var(--color-paper);
    --card-bg: var(--color-paper-2);
    --text-main: var(--color-ink);
    --text-muted: var(--color-ink-2);
    --border: var(--color-rule);
    --shadow: var(--shadow-panel);
    --shadow-lg: var(--shadow-menu);
    --radius: var(--radius-card);
    --radius-sm: var(--radius-input);
    --transition: var(--dur-short) var(--ease-out);
    --header-h: 76px;
    --bottom-nav-h: 64px;
    --bs-primary: var(--color-accent);
    --bs-primary-rgb: 183, 45, 73;
    --bs-link-color: var(--color-accent);
    --bs-link-hover-color: var(--color-accent-hover);
    --bs-body-font-family: var(--font-body);
}