/* Shared brand palette for the public introduction and sign-in pages. */
:root {
    --public-bg: #0b202d;
    --public-surface: #102c39;
    --public-surface-raised: #153745;
    --public-ink: #f2f8f8;
    --public-muted: #b3c9d0;
    --public-surface-ink: #f2f8f8;
    --public-surface-muted: #b3c9d0;
    --public-accent: #88ead2;
    --public-accent-text: #88ead2;
    --public-surface-accent: #88ead2;
    --public-accent-hover: #b8f6e7;
    --public-on-accent: #103c39;
    --public-line: #335360;
    --public-line-subtle: #244450;
    --public-card: linear-gradient(145deg, #163644, #102c38 70%);
    --public-process-background: linear-gradient(120deg, #102c39, #143640);
    --public-cta-background: linear-gradient(115deg, #16443e, #153a41);
    --public-radius: 20px;
    --public-backdrop: radial-gradient(ellipse at 90% 12%, #184d562e, transparent 52%), #0b202d;
}

/* Preview pages retain the public palette without inheriting the administration UI. */
.public-preview-notice {
    display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
    gap:8px 20px; padding:12px 24px; border-bottom:1px solid var(--public-line);
    background:var(--public-surface); color:var(--public-surface-ink);
    font-family:Inter,Arial,sans-serif; font-size:13px; line-height:1.6;
}
.public-preview-notice p { margin:0; }
.public-preview-notice a,.public-preview-notice button {
    display:inline-flex; align-items:center; justify-content:center; min-height:44px;
    padding:8px 14px; border:1px solid var(--public-surface-accent);
    border-radius:clamp(8px,calc(var(--public-radius) / 2),14px);
    background:transparent; color:var(--public-surface-accent); font:inherit;
    font-weight:600; text-decoration:none; cursor:pointer;
}
.public-preview-notice a:focus-visible,.public-preview-notice button:focus-visible {
    outline:3px solid var(--public-surface-accent); outline-offset:3px;
}
@media print { .public-preview-notice { display:none; } }