/* Identity 02: same local tokens, original logo and fonts as the shop/portal. */
@import url('./brand/sorek-tokens.css?v=03');
@font-face {
    font-family: 'visitor';
    src: url('../font.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
:root {
    color-scheme: dark;
    --bg: var(--sorek-bg);
    --bg2: var(--sorek-surface);
    --well: var(--sorek-bg);
    --bg3: var(--sorek-surface);
    --fg: var(--sorek-ink);
    --fg2: var(--sorek-muted);
    --accent: var(--sorek-gold);
    --accent-hover: var(--sorek-gold-hover);
    --border: var(--sorek-outline);
    --border-hover: var(--sorek-muted);
    --ok: var(--sorek-success);
    --err: var(--sorek-danger);
    --font-ui: var(--sorek-font-body);
    --font-toolbar: var(--sorek-font-heading);
}
body { font-family: var(--font-ui); }
.editor-brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; margin-right: 20px; color: var(--fg); font: 24px/1.1 var(--font-toolbar); letter-spacing: .04em; }
.editor-brand > .sorek-logo { width: 36px; height: 36px; object-fit: contain; flex-shrink: 0; }
.editor-brand small { display: block; margin-top: 8px; color: var(--fg2); font: 9px/1.3 Consolas, monospace; letter-spacing: .08em; }
.brand-accent { color: var(--accent); }
@media (max-width: 680px) {
    .editor-brand { font-size: 22px; gap: 9px; margin-right: 0; }
    .editor-brand > .sorek-logo { width: 30px; height: 30px; }
}