:root {
    --bg: #fbfbfd;
    --accent: #0066cc;
    --text: #1d1d1f;
    --bg-color: #fbfbfd;
    --bg-secondary: #f5f5f7;
    --text-primary: #1d1d1f;
    /* #636366 ≈ 5.7:1 na białym — AA dla tekstu normalnego */
    --text-secondary: #636366;
    --text-tertiary: #6e6e73;
    --accent-blue: #0066cc;
    --accent-blue-hover: #0055b3;
    --accent-blue-soft: rgba(0, 102, 204, 0.08);
    --accent-blue-soft-hover: rgba(0, 102, 204, 0.15);
    --card-bg: #ffffff;
    --border-color: #e5e5ea;
    --shadow-sm: 0 4px 15px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);
    --shadow-banner: 0 20px 40px rgba(0, 0, 0, 0.15);
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-pill: 999px;
    --header-height: 68px;
    --page-zoom: 1;
    --max-width: 1440px;
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --star-color: #f5a623;
    --success: #34c759;
    /* Ciemniejsza czerwień: biały tekst na badge przechodzi AA */
    --danger: #c62828;
    --focus-ring: 0 0 0 4px rgba(0, 102, 204, 0.15);
}