/*
 * Shared front-end design tokens.
 * Page and component modules should use semantic tokens instead of introducing
 * new hard-coded brand, text or surface colours.
 */

:root {
    --bk-color-brand: #ed1c24;
    --bk-color-brand-dark: #c8102e;
    --bk-color-canvas: #100d36;
    --bk-color-surface: #1f1b4e;
    --bk-color-surface-soft: rgba(38, 34, 101, 0.72);
    --bk-color-text: #ffffff;
    --bk-color-text-muted: rgba(255, 255, 255, 0.72);
    --bk-color-border: rgba(255, 255, 255, 0.12);
    --bk-font-display: "Oswald", "Arial Narrow", Arial, sans-serif;
    --bk-font-body: "Open Sans", Arial, sans-serif;
    --bk-radius-card: 18px;
    --bk-shadow-card: 0 18px 42px rgba(3, 2, 22, 0.28);
}