:root {
    --primary-bg-color: #667eea;
    --primary-color: white;
    --primary-bg-hover-color: #5a67d8;
    --primary-hover-color: white;

    --secondary-bg-color: #6c757d;
    --secondary-color: white;
    --secondary-bg-hover-color: #5a6268;
    --secondary-hover-color: white;

    --danger-bg-color: #dc3545;
    --danger-color: white;
    --danger-bg-hover-color: #c82333;
    --danger-hover-color: white;

    --success-bg-color: #28a745;
    --success-color: white;
    --success-bg-hover-color: #218838;
    --success-hover-color: white;

    --outline-bg-color: transparent;
    --outline-border-style: 2px solid #667eea;
    --outline-color: #667eea;
    --outline-hover-bg-color: #667eea;
    --outline-hover-color: white;

    /* Nowe zmienne dla inputów */
    --input-bg-color: white;
    --input-color: #333;
    --input-border-color: #ddd;
    --input-border-width: 2px;
    --input-border-radius: 5px;
    --input-padding: 0.75rem 1rem;
    --input-font-size: 1rem;

    /* Input focus states */
    --input-focus-border-color: var(--primary-bg-color);
    --input-focus-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);

    /* Input hover states */
    --input-hover-border-color: #bbb;

    /* Input error states */
    --input-error-border-color: var(--danger-bg-color);
    --input-error-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);

    /* Label styles */
    --label-color: #333;
    --label-font-weight: 500;
    --label-margin-bottom: 0.5rem;

    /* Form group spacing */
    --form-group-margin-bottom: 1.5rem;

    /* Transitions */
    --transition-speed: 0.3s;
}