/* mobee public theme — company #8 — generated 2026-04-17T15:52:09+02:00 */
html.public-layout-root {
  --pc-page-bg: #f4f4f5;
  --pc-card-bg: #ffffff;
  --pc-accent: #18181b;
  --pc-accent-hover: #151518;
  --pc-topbar-bg: #ffffff;
  --pc-body-text: #18181b;
  --pc-on-accent-text: #ffffff;
  --pc-accent-r: 24;
  --pc-accent-g: 24;
  --pc-accent-b: 27;
  --pc-body-text-r: 24;
  --pc-body-text-g: 24;
  --pc-body-text-b: 27;
  --pc-on-accent-r: 255;
  --pc-on-accent-g: 255;
  --pc-on-accent-b: 255;
  --pc-font-body: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --pc-letter-spacing: normal;
}
/*
 * Public pages — default variant rules (variables come from generated company CSS).
 * @see App\Services\PublicPagesCompanyThemeCssGenerator
 */

html.public-layout-root body.min-h-screen {
    background-color: var(--pc-page-bg);
    color: var(--pc-body-text);
    font-family: var(--pc-font-body, var(--font-sans));
    letter-spacing: var(--pc-letter-spacing, normal);
}

html.public-layout-root body.min-h-screen :where(button, input, select, textarea) {
    font-family: inherit;
    letter-spacing: inherit;
}

.public-themed-page {
    background-color: var(--pc-page-bg);
}

.public-themed-card {
    background-color: var(--pc-card-bg);
}

.public-themed-topbar {
    background-color: color-mix(in srgb, var(--pc-topbar-bg) 88%, transparent);
    backdrop-filter: blur(8px);
}

.public-themed-accent {
    background-color: var(--pc-accent);
    color: var(--pc-on-accent-text);
}

.public-themed-accent:hover:not(:disabled) {
    background-color: var(--pc-accent-hover);
}

.public-themed-accent-bg {
    background-color: var(--pc-accent);
}

.public-themed-step-done {
    background-color: color-mix(in srgb, var(--pc-accent) 78%, var(--pc-on-accent-text));
    color: color-mix(in srgb, var(--pc-on-accent-text) 92%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--pc-accent) 28%, transparent);
}

.public-themed-step-active {
    background-color: var(--pc-accent);
    color: var(--pc-on-accent-text);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--pc-accent) 38%, transparent);
}

.public-themed-link {
    color: var(--pc-accent);
}

.public-themed-input-focus:focus {
    border-color: var(--pc-accent);
    outline: 2px solid color-mix(in srgb, var(--pc-accent) 35%, transparent);
    outline-offset: 0;
}

@supports not (background-color: color-mix(in srgb, red 50%, blue)) {
    .public-themed-topbar {
        background-color: var(--pc-topbar-bg);
    }

    .public-themed-step-done {
        background-color: var(--pc-accent);
        color: var(--pc-on-accent-text);
        box-shadow: 0 0 0 2px rgba(var(--pc-body-text-r), var(--pc-body-text-g), var(--pc-body-text-b), 0.12);
    }
}