/* Magazyn 360 - Unified Color Palette */
:root {
    /* Main colors from provided palette */
    --color-bg-main: #D0D8E7;      /* Main background */
    --color-bg-card: #FFFFFF;      /* Card backgrounds */
    --color-bg-alt: #ECECEC;       /* Alternative background */
    --color-primary: #224492;      /* Primary accent (dark blue) */
    --color-text-main: #343A41;    /* Main text (dark gray) */
    --color-accent: #2F5D33;       /* Success/positive accent (dark green) */
    
    /* Additional derived colors */
    --color-border: rgba(52, 58, 65, 0.2);
    --color-shadow: rgba(52, 58, 65, 0.1);
    --color-primary-light: rgba(34, 68, 146, 0.1);
    --color-accent-light: rgba(47, 93, 51, 0.1);
    --color-text-light: rgba(52, 58, 65, 0.7);
}

/* Base styles for all modules */
body.magazyn-theme {
    background-color: var(--color-bg-main) !important;
    color: var(--color-text-main) !important;
}

.magazyn-card {
    background-color: #FFFFFF !important;
    border-color: var(--color-border) !important;
    box-shadow: 0 2px 8px var(--color-shadow) !important;
}

.magazyn-button-primary {
    background-color: var(--color-primary) !important;
    color: white !important;
    border-color: var(--color-primary) !important;
}

.magazyn-button-primary:hover {
    background-color: rgba(34, 68, 146, 0.9) !important;
}

.magazyn-button-secondary {
    background-color: var(--color-accent) !important;
    color: white !important;
    border-color: var(--color-accent) !important;
}

.magazyn-button-secondary:hover {
    background-color: rgba(47, 93, 51, 0.9) !important;
}

.magazyn-text-primary {
    color: var(--color-primary) !important;
}

.magazyn-text-accent {
    color: var(--color-accent) !important;
}

.magazyn-bg-primary {
    background-color: var(--color-primary) !important;
}

.magazyn-bg-accent {
    background-color: var(--color-accent) !important;
}

/* Table styles */
.magazyn-table th {
    background-color: var(--color-primary) !important;
    color: white !important;
    border-color: var(--color-border) !important;
}

.magazyn-table td {
    border-color: var(--color-border) !important;
}

.magazyn-table tbody tr:hover {
    background-color: var(--color-primary-light) !important;
}

/* Badge styles */
.magazyn-badge {
    background-color: var(--color-bg-alt) !important;
    color: var(--color-text-main) !important;
    border: 1px solid var(--color-border) !important;
}

.magazyn-badge-primary {
    background-color: var(--color-primary-light) !important;
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
}

.magazyn-badge-accent {
    background-color: var(--color-accent-light) !important;
    color: var(--color-accent) !important;
    border: 1px solid var(--color-accent) !important;
}

/* Input styles */
.magazyn-input {
    background-color: white !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-main) !important;
}

.magazyn-input:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px var(--color-primary-light) !important;
}

/* Modal styles */
.magazyn-modal {
    background-color: #FFFFFF !important;
    border-color: var(--color-border) !important;
}

.magazyn-modal-header {
    background-color: var(--color-primary) !important;
    color: white !important;
}

/* Dark mode compatibility */
.dark-mode .magazyn-card {
    background-color: #2A2F36 !important;
}

.dark-mode .magazyn-input {
    background-color: #2A2F36 !important;
    color: white !important;
}

/* Status colors using palette */
.status-success { color: var(--color-accent) !important; }
.status-warning { color: #B8860B !important; }
.status-error { color: #8B0000 !important; }
.status-info { color: var(--color-primary) !important; }