/* === CyfrowaSzkolaAI Design Tokens — Sunlit Studio Campus === */
:root {
    --cs-primary: #2452f5;
    --cs-primary-dark: #1536b8;
    --cs-primary-hover: #1c45db;
    --cs-primary-light: #dfe6ff;
    --cs-secondary: #ef5a37;
    --cs-accent: #0f7666;
    --cs-success: #0f7666;
    --cs-warning: #f0c04a;
    --cs-danger: #cb4f38;
    --cs-info: #4a78ff;
    --cs-bg: #f4efe6;
    --cs-bg-elevated: #fff9f2;
    --cs-bg-card: #fffaf2;
    --cs-bg-input: rgba(255, 255, 255, 0.84);
    --cs-border: rgba(23, 36, 63, 0.12);
    --cs-border-strong: rgba(23, 36, 63, 0.2);
    --cs-text-primary: #17243f;
    --cs-text-secondary: #5b6880;
    --cs-text-muted: #7a879d;
    --cs-text-link: #2452f5;
    --cs-space-1: 0.25rem;
    --cs-space-2: 0.5rem;
    --cs-space-3: 0.75rem;
    --cs-space-4: 1rem;
    --cs-space-5: 1.25rem;
    --cs-space-6: 1.5rem;
    --cs-space-8: 2rem;
    --cs-space-10: 2.5rem;
    --cs-space-12: 3rem;
    --cs-space-16: 4rem;
    --cs-space-20: 5rem;
    --cs-font: "Manrope", "Segoe UI", sans-serif;
    --cs-heading-font: "Bricolage Grotesque", "Segoe UI", sans-serif;
    --cs-font-mono: "JetBrains Mono", "Fira Code", monospace;
    --cs-text-xs: 0.75rem;
    --cs-text-sm: 0.875rem;
    --cs-text-base: 1rem;
    --cs-text-lg: 1.125rem;
    --cs-text-xl: 1.25rem;
    --cs-text-2xl: 1.5rem;
    --cs-text-3xl: 1.875rem;
    --cs-text-4xl: 2.5rem;
    --cs-text-5xl: 3.75rem;
    --cs-font-normal: 400;
    --cs-font-medium: 500;
    --cs-font-semibold: 600;
    --cs-font-bold: 700;
    --cs-leading-tight: 1.12;
    --cs-leading-normal: 1.55;
    --cs-radius-sm: 0.35rem;
    --cs-radius: 0.65rem;
    --cs-radius-md: 0.85rem;
    --cs-radius-lg: 1rem;
    --cs-radius-xl: 1.5rem;
    --cs-radius-full: 9999px;
    --cs-shadow-sm: 0 10px 24px rgba(23, 36, 63, 0.08);
    --cs-shadow: 0 24px 60px rgba(23, 36, 63, 0.12);
    --cs-shadow-lg: 0 36px 90px rgba(23, 36, 63, 0.16);
    --cs-shadow-xl: 0 42px 120px rgba(23, 36, 63, 0.2);
    --cs-transition-fast: 150ms ease;
    --cs-transition: 220ms ease;
    --cs-transition-slow: 320ms ease;
    --cs-blur: 22px;
    --cs-safe-top: env(safe-area-inset-top, 0px);
    --cs-safe-bottom: env(safe-area-inset-bottom, 0px);
    --cs-safe-left: env(safe-area-inset-left, 0px);
    --cs-safe-right: env(safe-area-inset-right, 0px);
    --cs-z-dropdown: 1000;
    --cs-z-sticky: 1020;
    --cs-z-modal: 1050;
    --cs-z-toast: 1080;
    --text-primary: var(--cs-text-primary);
    --text-secondary: var(--cs-text-secondary);
    --text-tertiary: var(--cs-text-muted);
    --border-color: var(--cs-border);
    --space-3: var(--cs-space-3);
    --radius-base: var(--cs-radius);
    --color-primary: var(--cs-primary);
    --color-success: var(--cs-success);
    --rz-primary: var(--cs-primary);
    --rz-primary-light: var(--cs-primary-light);
    --rz-primary-dark: var(--cs-primary-dark);
    --rz-primary-rgb: 36, 82, 245;
    --rz-secondary: var(--cs-secondary);
    --rz-secondary-rgb: 239, 90, 55;
}