*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Design tokens — przenikają przez Shadow DOM jako CSS Custom Properties */
:root {
    --bk-bg:        #0f1923;
    --bk-bg-card:   #152030;
    --bk-bg-alt:    #111d2a;
    --bk-accent:    #e07820;
    --bk-accent-h:  #f5921a;
    --bk-text:      #dce8f0;
    --bk-muted:     #6a8aa5;
    --bk-border:    #1e3448;
    --bk-steel:     #2a4259;
    --bk-font:      system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--bk-bg);
    color: var(--bk-text);
    font-family: var(--bk-font);
    line-height: 1.6;
    overflow-x: hidden;
}