/* base.css – reset, typografia, kolory bazowe */

:root {
    --wnc-font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    --wnc-bg-page: #f8f9fa;
    --wnc-bg-surface: #ffffff;
    --wnc-bg-subtle: #f1f3f5;
    --wnc-border: #e9ecef;
    --wnc-border-strong: #dee2e6;
    --wnc-text-primary: #212529;
    --wnc-text-secondary: #495057;
    --wnc-text-muted: #6c757d;
    --wnc-primary: #212529;
    --wnc-primary-strong: #111418;
    --wnc-primary-dark: #111418;
    --wnc-accent: #daa520;
    --wnc-accent-strong: #b8860b;
    --wnc-accent-soft: rgba(218, 165, 32, 0.16);
    --wnc-success: #28a745;
    --wnc-warning: #ffc107;
    --wnc-danger: #dc3545;
    --wnc-info: #17a2b8;
    --wnc-neutral: #6c757d;
    --wnc-status-success-soft: rgba(40, 167, 69, 0.12);
    --wnc-status-warning-soft: rgba(255, 193, 7, 0.15);
    --wnc-status-danger-soft: rgba(220, 53, 69, 0.12);
    --wnc-status-info-soft: rgba(23, 162, 184, 0.12);
    --wnc-status-neutral-soft: rgba(108, 117, 125, 0.12);
    --wnc-shell-bg: #212529;
    --wnc-shell-contrast: #f8f9fa;
    --wnc-radius-sm: 6px;
    --wnc-radius-md: 8px;
    --wnc-radius-lg: 12px;
    --wnc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --wnc-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
    --wnc-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.08);
    /* Space below fixed topbar: auth pages (login-section), forgot password. */
    --wnc-content-padding-top-under-topbar: clamp(2rem, 5vw, 3.5rem);
}

.ui-showcase-root[data-theme="a"] {
    --wnc-bg-page: #f5f7fb;
    --wnc-bg-surface: #ffffff;
    --wnc-bg-subtle: #edf2f7;
    --wnc-border: #dde5ef;
    --wnc-border-strong: #c8d3e1;
    --wnc-text-primary: #1d2734;
    --wnc-text-secondary: #3a4b61;
    --wnc-text-muted: #5f6f84;
    --wnc-primary: #1f3c63;
    --wnc-primary-strong: #172e4d;
    --wnc-primary-dark: #172e4d;
    --wnc-success: #2b7fa0;
    --wnc-warning: #486ea8;
    --wnc-danger: #d64545;
    --wnc-info: #3562a3;
    --wnc-accent: #daa520;
    --wnc-accent-strong: #b8860b;
    --wnc-accent-soft: rgba(218, 165, 32, 0.2);
    --wnc-status-success-soft: rgba(43, 127, 160, 0.14);
    --wnc-status-warning-soft: rgba(72, 110, 168, 0.18);
    --wnc-status-danger-soft: rgba(214, 69, 69, 0.14);
    --wnc-status-info-soft: rgba(53, 98, 163, 0.15);
    --wnc-shell-bg: #1f3c63;
    --wnc-shell-contrast: #f3f7fd;
}

.ui-showcase-root[data-theme="b"] {
    --wnc-bg-page: #f6f7f5;
    --wnc-bg-surface: #ffffff;
    --wnc-bg-subtle: #eef2eb;
    --wnc-border: #d9e0d3;
    --wnc-border-strong: #c2ccb9;
    --wnc-text-primary: #223322;
    --wnc-text-secondary: #3b4f3b;
    --wnc-text-muted: #617561;
    --wnc-primary: #2f5d45;
    --wnc-primary-strong: #254936;
    --wnc-primary-dark: #254936;
    --wnc-success: #4f7f3f;
    --wnc-warning: #688a3a;
    --wnc-danger: #bf3f4e;
    --wnc-info: #3f7b66;
    --wnc-accent: #daa520;
    --wnc-accent-strong: #9a6f07;
    --wnc-accent-soft: rgba(218, 165, 32, 0.18);
    --wnc-status-success-soft: rgba(79, 127, 63, 0.15);
    --wnc-status-warning-soft: rgba(104, 138, 58, 0.17);
    --wnc-status-danger-soft: rgba(191, 63, 78, 0.14);
    --wnc-status-info-soft: rgba(63, 123, 102, 0.16);
    --wnc-shell-bg: #2f5d45;
    --wnc-shell-contrast: #f4f8f2;
}

.ui-showcase-root[data-theme="c"] {
    --wnc-bg-page: #f7f5f8;
    --wnc-bg-surface: #ffffff;
    --wnc-bg-subtle: #f0ecf4;
    --wnc-border: #dfd6e8;
    --wnc-border-strong: #cdbedd;
    --wnc-text-primary: #2a2136;
    --wnc-text-secondary: #4c3d62;
    --wnc-text-muted: #72658a;
    --wnc-primary: #5a3c7a;
    --wnc-primary-strong: #472f61;
    --wnc-primary-dark: #472f61;
    --wnc-success: #7862b0;
    --wnc-warning: #8a68ba;
    --wnc-danger: #c74358;
    --wnc-info: #5f6ac0;
    --wnc-accent: #daa520;
    --wnc-accent-strong: #a87704;
    --wnc-accent-soft: rgba(218, 165, 32, 0.2);
    --wnc-status-success-soft: rgba(120, 98, 176, 0.16);
    --wnc-status-warning-soft: rgba(138, 104, 186, 0.18);
    --wnc-status-danger-soft: rgba(199, 67, 88, 0.15);
    --wnc-status-info-soft: rgba(95, 106, 192, 0.17);
    --wnc-shell-bg: #5a3c7a;
    --wnc-shell-contrast: #f7f3fb;
}

.ui-showcase-root[data-theme="d"] {
    --wnc-bg-page: whitesmoke;
    --wnc-bg-surface: #ffffff;
    --wnc-bg-subtle: #f6f3ea;
    --wnc-border: #ddd4bd;
    --wnc-border-strong: #cabd98;
    --wnc-text-primary: #2b2f35;
    --wnc-text-secondary: #434b56;
    --wnc-text-muted: #6a6f78;
    --wnc-primary: #212529;
    --wnc-primary-strong: #111418;
    --wnc-primary-dark: #111418;
    --wnc-success: #58636f;
    --wnc-warning: #8a7a55;
    --wnc-danger: #b6404a;
    --wnc-info: #5b6775;
    --wnc-accent: #daa520;
    --wnc-accent-strong: #9e7208;
    --wnc-accent-soft: rgba(218, 165, 32, 0.24);
    --wnc-status-success-soft: rgba(88, 99, 111, 0.14);
    --wnc-status-warning-soft: rgba(138, 122, 85, 0.17);
    --wnc-status-danger-soft: rgba(182, 64, 74, 0.14);
    --wnc-status-info-soft: rgba(91, 103, 117, 0.14);
    --wnc-shell-bg: #212529;
    --wnc-shell-contrast: #f7f1df;
}

.ui-showcase-root[data-theme="e"] {
    --wnc-bg-page: #f4f4f4;
    --wnc-bg-surface: #ffffff;
    --wnc-bg-subtle: #efefef;
    --wnc-border: #dddddd;
    --wnc-border-strong: #cfcfcf;
    --wnc-text-primary: #212529;
    --wnc-text-secondary: #4f5761;
    --wnc-text-muted: #6e757d;
    --wnc-primary: #212529;
    --wnc-primary-strong: #161a1e;
    --wnc-primary-dark: #161a1e;
    --wnc-accent: #daa520;
    --wnc-accent-strong: #9e7208;
    --wnc-accent-soft: rgba(218, 165, 32, 0.16);
    --wnc-info: #56606b;
    --wnc-success: #5f6974;
    --wnc-warning: #8b7b57;
    --wnc-danger: #b6404a;
    --wnc-status-info-soft: rgba(86, 96, 107, 0.11);
    --wnc-status-success-soft: rgba(95, 105, 116, 0.11);
    --wnc-status-warning-soft: rgba(139, 123, 87, 0.12);
    --wnc-status-danger-soft: rgba(182, 64, 74, 0.12);
    --wnc-shell-bg: #212529;
    --wnc-shell-contrast: #f3f3f3;
}

.ui-showcase-root[data-theme="f"] {
    --wnc-bg-page: #f8f9fa;
    --wnc-bg-surface: #ffffff;
    --wnc-bg-subtle: #f3efe3;
    --wnc-border: #e9ecef;
    --wnc-border-strong: #dee2e6;
    --wnc-text-primary: #212529;
    --wnc-text-secondary: #495057;
    --wnc-text-muted: #6c757d;
    --wnc-primary: #212529;
    --wnc-primary-strong: #111418;
    --wnc-primary-dark: #111418;
    --wnc-accent: #daa520;
    --wnc-accent-strong: #b8860b;
    --wnc-accent-soft: rgba(218, 165, 32, 0.16);
    --wnc-info: #6c757d;
    --wnc-success: #28a745;
    --wnc-warning: #ffc107;
    --wnc-danger: #b6404a;
    --wnc-status-info-soft: rgba(108, 117, 125, 0.12);
    --wnc-status-success-soft: rgba(40, 167, 69, 0.12);
    --wnc-status-warning-soft: rgba(255, 193, 7, 0.15);
    --wnc-status-danger-soft: rgba(182, 64, 74, 0.12);
    --wnc-shell-bg: #212529;
    --wnc-shell-contrast: #f8f9fa;
}

html,
body {
    font-family: var(--wnc-font-family);
    color: var(--wnc-text-primary);
    background: var(--wnc-bg-page);
}

::-ms-reveal {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--wnc-text-primary);
    margin-top: 0;
}

p,
label,
small,
span {
    color: inherit;
}

.ui-text-muted {
    color: var(--wnc-text-muted);
}

.ui-text-status-success {
    color: var(--wnc-success);
}

.ui-text-status-danger {
    color: var(--wnc-danger);
}

.ui-text-status-info {
    color: var(--wnc-info);
}

.ui-text-status-neutral {
    color: var(--wnc-text-muted);
}