/* OknaKBN — design tokens (barvy, typografie, spacing). */
:root {
    /* Brand */
    --okbn-primary:        #5e3b99;
    --okbn-primary-dark:   #3f2769;
    --okbn-primary-light:  #ede5fb;
    --okbn-accent:         #f59e0b;
    --okbn-accent-dark:    #b45309;
    --okbn-success:        #16a34a;

    /* Neutrals */
    --okbn-text:           #1f1f1f;
    --okbn-text-muted:     #6b7280;
    --okbn-bg:             #ffffff;
    --okbn-bg-soft:        #f7f6f9;
    --okbn-bg-darker:      #efedf3;
    --okbn-border:         #e5e7eb;
    --okbn-border-strong:  #cbd5e1;

    /* Type */
    --okbn-font-body:      'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --okbn-font-heading:   'Poppins', system-ui, -apple-system, sans-serif;

    /* Spacing scale */
    --okbn-space-1: 4px;
    --okbn-space-2: 8px;
    --okbn-space-3: 12px;
    --okbn-space-4: 16px;
    --okbn-space-5: 24px;
    --okbn-space-6: 32px;
    --okbn-space-7: 48px;
    --okbn-space-8: 64px;
    --okbn-space-9: 96px;

    /* Radii */
    --okbn-radius-sm: 6px;
    --okbn-radius:    10px;
    --okbn-radius-lg: 16px;

    /* Shadows */
    --okbn-shadow-sm: 0 1px 2px rgba(31, 31, 31, 0.06);
    --okbn-shadow:    0 4px 12px rgba(31, 31, 31, 0.08);
    --okbn-shadow-lg: 0 12px 36px rgba(31, 31, 31, 0.12);

    /* Layout */
    --okbn-container:        1180px;
    --okbn-container-narrow: 820px;
    --okbn-gutter:           20px;
}