/*
 * UI colour tokens shared by the organizer and user panels, login/signup pages and the "Dodaj wydarzenie" guide.
 * Loaded on every page from base.html; shown on the style guide page: /manage/organizer/styleguide.
 * Use these instead of raw colours.
 */
:root {
    --ui-text: #111827;
    --ui-text-2: #374151;
    --ui-text-muted: #4b5563;
    --ui-text-subtle: #6b7280;
    --ui-text-faint: #9ca3af;
    --ui-border: #e5e7eb;
    --ui-border-strong: #d1d5db;
    --ui-divider: #eef0f3;
    --ui-surface: #fff;
    --ui-surface-2: #f9fafb;
    --ui-hover: #f3f4f6;
    --ui-accent: #2457d6;
    --ui-accent-hover: #1d4ac0;
    --ui-accent-soft: #f5f8ff;
    --ui-accent-ring: #dbe5fb;
    --ui-accent-text: #1a44b0;
    --ui-success: #1f9d4c;
    --ui-success-text: #146c2e;
    --ui-success-soft: #ecfdf3;
    --ui-warning: #dc6803;
    --ui-warning-text: #93370d;
    --ui-warning-soft: #fffaeb;
    --ui-warning-border: #fedf89;
    --ui-danger: #b42318;
    --ui-danger-hover: #9a1c13;
    --ui-radius-sm: 6px;
    --ui-radius: 8px;
    --ui-radius-lg: 12px;
    --ui-shadow-menu: 0 12px 32px rgba(17, 24, 39, .12);
}