/*
 * Canonical design tokens — the single source of truth for brand colours and
 * the radius scale, shared by the public site and the admin dashboard.
 *
 * The existing token names keep working: the public --oc-* tokens, the admin
 * light-theme --lb-* tokens, and the --admin-radius-* / --radius-* scales are
 * defined as thin aliases of these primitives, so every existing `var(--…)`
 * reference resolves to exactly the same value. Change a brand colour here and
 * it updates everywhere. (Admin dark-theme overrides intentionally keep their
 * own literal values.)
 */
:root {
    /* Brand palette */
    --brand-primary: #1076bb;
    --brand-primary-hover: #0d5e95;
    --brand-primary-soft: #e8f3fb;
    --brand-accent: #b0519d;
    --brand-danger: #d52e28;
    --brand-success: #35a876;

    /* Neutrals / surfaces */
    --brand-ink: #1b2430;
    --brand-muted: #657083;
    --brand-surface: #eef2f5;
    --brand-panel: #f7f9fb;
    --brand-line: #dce7ef;

    /* Radius scale (fluid) */
    --radius-xs: clamp(6px, 0.45vw, 8px);
    --radius-sm: clamp(8px, 0.65vw, 12px);
    --radius-control: clamp(10px, 0.8vw, 16px);
    --radius-card: clamp(14px, 1.15vw, 22px);
    --radius-media: clamp(16px, 1.45vw, 28px);
    --radius-section: clamp(18px, 1.8vw, 34px);
    --radius-md: var(--radius-card);
    --radius-lg: var(--radius-section);
    --radius-pill: 999px;
}