/*
 * Weblisting.ch — Swiss public look (Phase 1)
 * Loaded only on layouts.public. Admin unchanged.
 * Mirrors tokens in resources/css/app.css (.public-site).
 */

.public-site {
    --font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-display: 'IBM Plex Sans', var(--font-sans);

    /* Logo-aligned Swiss blues */
    --color-indigo-50: #eef5fc;
    --color-indigo-100: #d9eaf8;
    --color-indigo-200: #b4d4f0;
    --color-indigo-300: #7eb6e3;
    --color-indigo-400: #4a95d0;
    --color-indigo-500: #2a78bc;
    --color-indigo-600: #1f5faa;
    --color-indigo-700: #184e8c;
    --color-indigo-800: #153f70;
    --color-indigo-900: #123356;

    /* Cool Alpine neutrals */
    --color-slate-50: #f4f7fb;
    --color-slate-100: #e8eef5;
    --color-slate-200: #d5dee9;
    --color-slate-300: #b7c4d4;
    --color-slate-400: #8799b0;
    --color-slate-500: #64748b;
    --color-slate-600: #4b5a70;
    --color-slate-700: #364155;
    --color-slate-800: #1e293b;
    --color-slate-900: #0f172a;
    --color-slate-950: #0a1220;

    --swiss-red: #da291c;

    font-family: var(--font-sans);
}

.public-site h1,
.public-site h2,
.public-site h3 {
    font-family: var(--font-display);
    letter-spacing: -0.025em;
    font-weight: 600;
}

/* Soft sticky navbar over hero (light + dark) */
.public-site > header.sticky {
    background-color: color-mix(in srgb, #ffffff 85%, transparent) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

html.dark .public-site > header.sticky {
    background-color: color-mix(in srgb, #0a1220 90%, transparent) !important;
}