/* base.css - v.1.10 */

/* === RESET I BAZA === */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  overflow-x: hidden;
}

body {
  font-family: Arial, sans-serif;
  background: #f0f0f0;
  color: #1c2423;
  display: flex;
  flex-direction: column;
}

/* === KOLORY SYSTEMOWE POSX === */
:root {
  --posx-orange: #ff8c00;
  --posx-orange-dark: #e07a00;
  --posx-bg-dark: #1c2423;
  --posx-bg-light: #f8f9fa;
  --posx-gray: #d3d3d3;
  --posx-panel-header-bg: #484848;
  --posx-text-dark: #1c2423;
  --posx-text-light: #ffffff;
  --posx-text-muted: #888888;
  --posx-success: #2ecc71;
  --posx-warning: #f39c12;
  --posx-error: #e74c3c;
  --posx-info: #3498db;
  --posx-border-light: #dddddd;
  --posx-border-dark: #444444;
  --posx-shadow-light: 0 2px 5px rgba(0, 0, 0, 0.1);
  --posx-shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.2);
  --posx-shadow-strong: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* === TYPOGRAFIA === */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: var(--posx-text-dark);
}

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }

p {
  font-size: 16px;
  line-height: 1.5;
}

label {
  font-weight: bold;
  font-size: 14px;
  color: var(--posx-text-dark);
}

/* === LINKI === */
a {
  color: var(--posx-orange);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* === TŁA GŁÓWNYCH SEKCJI === */
.nawigacja,
footer {
  background: var(--posx-bg-dark);
  color: var(--posx-text-light);
}

.main {
  background: var(--posx-bg-light);
}

/* === ALERTY === */
.alert-success { background: var(--posx-success); color: var(--posx-text-light); }
.alert-warning { background: var(--posx-warning); color: var(--posx-text-light); }
.alert-error   { background: var(--posx-error);   color: var(--posx-text-light); }
.alert-info    { background: var(--posx-info);    color: var(--posx-text-light); }

/* === KONIEC – styl komponentów przeniesiony do components.css === */

/* base.css - v.1.10 */