/* Custom Theme - Generated 2025-12-14 22:54:07 */

:root {
    --primary: #3b82f6;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #06b6d4;
    --gradient-start: #ffffff;
    --gradient-end: #ffffff;
    --text: #0f172a;
    --text-secondary: #475569;
    --muted: #64748b;
    --bg: #ffffff;
    --bg-alt: #f8fafc;
    --border: #e5e7eb;
    --btn-default-bg: #f8fafc;
    --btn-default-text: #0f172a;
    --btn-default-border: #e5e7eb;
    --btn-default-hover-bg: #f1f5f9;
    --btn-primary-bg: #3b82f6;
    --btn-primary-text: #ffffff;
    --btn-primary-hover-bg: #2563eb;
    --btn-success-bg: #10b981;
    --btn-success-text: #ffffff;
    --btn-success-hover-bg: #059669;
    --btn-danger-bg: #ef4444;
    --btn-danger-text: #ffffff;
    --btn-danger-hover-bg: #dc2626;
    --btn-warning-bg: #f59e0b;
    --btn-warning-text: #ffffff;
    --btn-warning-hover-bg: #d97706;
    --btn-ghost-bg: transparent;
    --btn-ghost-text: #0f172a;
    --btn-ghost-hover-bg: #f8fafc;
    --pill-default-bg: #f8fafc;
    --pill-default-text: #0f172a;
    --pill-default-border: #e5e7eb;
    --pill-primary-bg: #3b82f6;
    --pill-primary-text: #3b82f6;
    --pill-primary-border: #3b82f6;
    --pill-success-bg: #d1fae5;
    --pill-success-text: #065f46;
    --pill-success-border: #34d399;
    --pill-warning-bg: #fed7aa;
    --pill-warning-text: #9a3412;
    --pill-warning-border: #fb923c;
    --pill-danger-bg: #fee2e2;
    --pill-danger-text: #991b1b;
    --pill-danger-border: #f87171;
    --pill-info-bg: #dbeafe;
    --pill-info-text: #1e40af;
    --pill-info-border: #60a5fa;
    --banner-success-bg: #d1fae5;
    --banner-success-text: #065f46;
    --banner-success-border: #34d399;
    --banner-warning-bg: #fef3c7;
    --banner-warning-text: #92400e;
    --banner-warning-border: #fbbf24;
    --banner-error-bg: #fee2e2;
    --banner-error-text: #991b1b;
    --banner-error-border: #f87171;
    --banner-info-bg: #dbeafe;
    --banner-info-text: #1e40af;
    --banner-info-border: #60a5fa;
    --card-bg: #f8fafc;
    --card-bg-gradient: false;
    --card-bg-start: #f8fafc;
    --card-bg-end: #e5e7eb;
    --card-border: #e5e7eb;
    --card-shadow: 0 4px 6px rgba(0,0,0,0.07);
    --card-hover-shadow: 0 10px 24px rgba(0,0,0,0.12);
    --card-primary-bg: #3b82f6;
    --card-primary-gradient: true;
    --card-primary-bg-start: #3b82f6;
    --card-primary-bg-end: #2563eb;
    --card-primary-text: #ffffff;
    --card-success-bg: #d1fae5;
    --card-success-gradient: true;
    --card-success-bg-start: #d1fae5;
    --card-success-bg-end: #a7f3d0;
    --card-success-text: #065f46;
    --card-warning-bg: #fef3c7;
    --card-warning-gradient: true;
    --card-warning-bg-start: #fef3c7;
    --card-warning-bg-end: #fde68a;
    --card-warning-text: #92400e;
    --card-danger-bg: #fee2e2;
    --card-danger-gradient: true;
    --card-danger-bg-start: #fee2e2;
    --card-danger-bg-end: #fecaca;
    --card-danger-text: #991b1b;
    --card-gradient-direction: 135deg;
    --input-bg: #ffffff;
    --input-text: #0f172a;
    --input-border: #e5e7eb;
    --input-focus-border: #3b82f6;
    --input-placeholder: #94a3b8;
    --table-bg: #ffffff;
    --table-header-bg: #f8fafc;
    --table-border: #e5e7eb;
    --table-hover-bg: #f8fafc;
    --font-family: Inter;
    --radius: 8px;
    --radius-lg: 12px;
}

/* Przyciski */
.btn { background: var(--btn-default-bg); color: var(--btn-default-text); border-color: var(--btn-default-border); }
.btn:hover { background: var(--btn-default-hover-bg); }
.btn.primary { background: var(--btn-primary-bg); color: var(--btn-primary-text); border: none; }
.btn.primary:hover { background: var(--btn-primary-hover-bg); }
.btn.success { background: var(--btn-success-bg); color: var(--btn-success-text); border: none; }
.btn.success:hover { background: var(--btn-success-hover-bg); }
.btn.danger { background: var(--btn-danger-bg); color: var(--btn-danger-text); border: none; }
.btn.danger:hover { background: var(--btn-danger-hover-bg); }
.btn.warn { background: var(--btn-warning-bg); color: var(--btn-warning-text); border: none; }
.btn.warn:hover { background: var(--btn-warning-hover-bg); }
.btn.ghost { background: var(--btn-ghost-bg); color: var(--btn-ghost-text); }
.btn.ghost:hover { background: var(--btn-ghost-hover-bg); }

/* Pills/Etykiety */
.pill { background: var(--pill-default-bg); color: var(--pill-default-text); border-color: var(--pill-default-border); }
.pill.primary { background: var(--pill-primary-bg); color: var(--pill-primary-text); border-color: var(--pill-primary-border); }
.pill.success { background: var(--pill-success-bg); color: var(--pill-success-text); border-color: var(--pill-success-border); }
.pill.warn { background: var(--pill-warning-bg); color: var(--pill-warning-text); border-color: var(--pill-warning-border); }
.pill.danger { background: var(--pill-danger-bg); color: var(--pill-danger-text); border-color: var(--pill-danger-border); }
.pill.info { background: var(--pill-info-bg); color: var(--pill-info-text); border-color: var(--pill-info-border); }

/* Bannery */
.banner.success, .status-banner.success { background: var(--banner-success-bg); color: var(--banner-success-text); border-color: var(--banner-success-border); }
.banner.warn, .status-banner.warn { background: var(--banner-warning-bg); color: var(--banner-warning-text); border-color: var(--banner-warning-border); }
.banner.error, .status-banner.error { background: var(--banner-error-bg); color: var(--banner-error-text); border-color: var(--banner-error-border); }
.banner.info { background: var(--banner-info-bg); color: var(--banner-info-text); border-color: var(--banner-info-border); }

body { background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)); }
.kafel { background: var(--card-bg); border-color: var(--card-border); }
.kafel:hover { box-shadow: var(--card-hover-shadow); }
.kafel.primary { background: var(--card-primary-bg); color: var(--card-primary-text); }
.kafel.success { background: var(--card-success-bg); color: var(--card-success-text); }
.kafel.warn { background: var(--card-warning-bg); color: var(--card-warning-text); }
.kafel.danger { background: var(--card-danger-bg); color: var(--card-danger-text); }