/* SPDX-License-Identifier: GPL-3.0-or-later */
/* Shared by PHP pages and Astro modules; this file deliberately has no page-layout reset. */
:root {
    --color-primary: #ff3366;
    --color-primary-strong: #cc2952;
    --color-text: #fff8f2;
    --color-text-secondary: #d8c8cd;
    --color-background: #160c10;
    --color-surface: #21131a;
    --color-surface-raised: #2b1821;
    --color-border: #533040;
    --color-focus: #ffae42;
    --color-success: #46d17c;
    --color-warning: #ffbf69;
    --color-error: #ff6b6b;
    --content-width: 1160px;
    --radius: 8px;
    --color-header: #220c0c;
    --color-primary-hover: #ff5c85;
    --color-link-hover: #ff6b91;
    --color-on-primary: #1a0d0d;
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --radius-control: 6px;
}

.site-brand {
    display: inline-flex;
    align-items: baseline;
    gap: 0.55rem;
    color: var(--color-text);
    text-decoration: none;
    white-space: nowrap;
}

.site-brand:hover {
    color: var(--color-text);
}

.brand-name {
    font-size: 1.18rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.brand-service {
    padding-left: 0.55rem;
    border-left: 1px solid var(--color-primary);
    color: var(--color-text-secondary);
    font-family: var(--font-mono);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}