/* ⛔ PLIK GENEROWANY — `node scripts/generuj-palety-motywu.mjs --zapisz`. Nie edytuj recznie. * * Osiem palet w dwoch motywach. Wartosci tel, tekstow i marki sa ZMIERZONE i zaakceptowane * przez Jerzego 07.08 (makieta `makiety/palety-platformy-2026-08-07.html`); kolory znaczeniowe * — „zaplacone", „po terminie", blad — sa POLICZONE DLA KAZDEJ PALETY OSOBNO, bo czerwien * czytelna na graficie nie jest czytelna na bordo. Mierzy to bramka `test:kolory-czytelne` * na wszystkich szesnastu zestawach, z progiem 4,5 (WCAG AA), ktorego NIE PODNOSIMY. * * Wybor palety nalezy do CZLOWIEKA (`D-2026-08-08-PALETA-PER-CZLOWIEK`), szkola ustawia * domyslna. Atrybut `data-palette` na stawia `space-theme.js`. */ :root { --color-bg-base: #15171D; --color-bg-surface: #1D2027; --color-bg-elevated: #252A33; --color-border: #313845; --color-border-strong: #5C6370; --color-text-primary: #E4E7ED; --color-text-secondary: #A2A9B6; --color-text-tertiary: #868D9B; --color-brand: #DCE0E8; --color-brand-hover: #E0E4EB; --color-on-brand: #15171D; --brand-rgb: 220, 224, 232; --sf3: #2B313C; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F34F54; --color-info: #4E8FE4; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 243, 79, 84; --info-rgb: 78, 143, 228; --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4); --shadow-md: 0 4px 12px rgba(0, 0, 0, .5); --radius: 10px; /* Warstwa aliasow — krotkie nazwy uzywane w arkuszach. Nie niesie WARTOSCI, tylko skrot. */ --bg: var(--color-bg-base); --bg2: var(--color-bg-surface); --sf: var(--color-bg-surface); --sf2: var(--color-bg-elevated); --bd: var(--color-border); --tx: var(--color-text-primary); --tx2: var(--color-text-secondary); --tx3: var(--color-text-tertiary); --gold: var(--color-brand); --gold2: var(--color-brand-hover); --adim: rgba(var(--brand-rgb), .10); --ok: var(--color-success); --warn: var(--color-warning); --err: var(--color-error); --info: var(--color-info); --side: var(--sf); --panel: var(--sf2); --panel2: var(--sf3); --panel3: var(--sf3); --line: var(--bd); --ink: var(--tx); --muted: var(--tx2); --dim: var(--tx3); --blue: var(--info); /* Skladowe tekstu i tla liczbami — dla przezroczystosci, ktorych nie da sie zlozyc z hexa. */ --tx-rgb: 228, 231, 237; --bg-rgb: 21, 23, 29; } html[data-theme="dark"] { color-scheme: dark; } html[data-theme="light"] { color-scheme: only light; --color-bg-base: #DCE1E9; --color-bg-surface: #FBFCFD; --color-bg-elevated: #F1F4F7; --color-border: #B3BECE; --color-border-strong: #86909F; --color-text-primary: #141920; --color-text-secondary: #414A59; --color-text-tertiary: #59626F; --color-brand: #1E2530; --color-brand-hover: #1A212A; --color-on-brand: #FFFFFF; --brand-rgb: 30, 37, 48; --sf3: #E2E7ED; --color-success: #137227; --color-warning: #8F5600; --color-error: #BF251D; --color-info: #005FCC; --success-rgb: 19, 114, 39; --warning-rgb: 143, 86, 0; --error-rgb: 191, 37, 29; --info-rgb: 0, 95, 204; --shadow-sm: 0 1px 2px rgba(20, 25, 32, .10); --shadow-md: 0 4px 12px rgba(20, 25, 32, .14); --tx-rgb: 20, 25, 32; --bg-rgb: 220, 225, 233; } /* ── SZESNASCIE ZESTAWOW: osiem palet × dwa motywy ─────────────────────────────── */ html[data-palette="grafit"]:not([data-theme="light"]) { --color-bg-base: #15171D; --color-bg-surface: #1D2027; --color-bg-elevated: #252A33; --color-border: #313845; --color-border-strong: #5C6370; --color-text-primary: #E4E7ED; --color-text-secondary: #A2A9B6; --color-text-tertiary: #868D9B; --color-brand: #DCE0E8; --color-brand-hover: #E0E4EB; --color-on-brand: #15171D; --brand-rgb: 220, 224, 232; --sf3: #2B313C; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F34F54; --color-info: #4E8FE4; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 243, 79, 84; --info-rgb: 78, 143, 228; --tx-rgb: 228, 231, 237; --bg-rgb: 21, 23, 29; } html[data-palette="grafit"][data-theme="light"] { --color-bg-base: #DCE1E9; --color-bg-surface: #FBFCFD; --color-bg-elevated: #F1F4F7; --color-border: #B3BECE; --color-border-strong: #86909F; --color-text-primary: #141920; --color-text-secondary: #414A59; --color-text-tertiary: #59626F; --color-brand: #1E2530; --color-brand-hover: #1A212A; --color-on-brand: #FFFFFF; --brand-rgb: 30, 37, 48; --sf3: #E2E7ED; --color-success: #137227; --color-warning: #8F5600; --color-error: #BF251D; --color-info: #005FCC; --success-rgb: 19, 114, 39; --warning-rgb: 143, 86, 0; --error-rgb: 191, 37, 29; --info-rgb: 0, 95, 204; --tx-rgb: 20, 25, 32; --bg-rgb: 220, 225, 233; } html[data-palette="nocny-blekit"]:not([data-theme="light"]) { --color-bg-base: #131A26; --color-bg-surface: #1A2332; --color-bg-elevated: #222D3F; --color-border: #2E3B4F; --color-border-strong: #5B687C; --color-text-primary: #E4EAF3; --color-text-secondary: #A4B0C3; --color-text-tertiary: #8794A9; --color-brand: #7FA8D9; --color-brand-hover: #8EB2DE; --color-on-brand: #131A26; --brand-rgb: 127, 168, 217; --sf3: #283447; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F34F54; --color-info: #4E8FE4; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 243, 79, 84; --info-rgb: 78, 143, 228; --tx-rgb: 228, 234, 243; --bg-rgb: 19, 26, 38; } html[data-palette="nocny-blekit"][data-theme="light"] { --color-bg-base: #D3DFF1; --color-bg-surface: #FAFCFF; --color-bg-elevated: #EAF1FB; --color-border: #9FB6D6; --color-border-strong: #7589A6; --color-text-primary: #0F1C2E; --color-text-secondary: #354661; --color-text-tertiary: #4B5C76; --color-brand: #1E5490; --color-brand-hover: #1A4A7F; --color-on-brand: #FFFFFF; --brand-rgb: 30, 84, 144; --sf3: #D7E2F2; --color-success: #126E26; --color-warning: #8A5300; --color-error: #BA241C; --color-info: #005DC7; --success-rgb: 18, 110, 38; --warning-rgb: 138, 83, 0; --error-rgb: 186, 36, 28; --info-rgb: 0, 93, 199; --tx-rgb: 15, 28, 46; --bg-rgb: 211, 223, 241; } html[data-palette="sliwka"]:not([data-theme="light"]) { --color-bg-base: #1D1620; --color-bg-surface: #251D29; --color-bg-elevated: #2E2433; --color-border: #3D3143; --color-border-strong: #6C5E72; --color-text-primary: #EFE8F2; --color-text-secondary: #B7A9BD; --color-text-tertiary: #9A8BA1; --color-brand: #C08FCB; --color-brand-hover: #C89CD1; --color-on-brand: #1D1620; --brand-rgb: 192, 143, 203; --sf3: #362B3B; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F34F54; --color-info: #4E8FE4; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 243, 79, 84; --info-rgb: 78, 143, 228; --tx-rgb: 239, 232, 242; --bg-rgb: 29, 22, 32; } html[data-palette="sliwka"][data-theme="light"] { --color-bg-base: #E7D9EE; --color-bg-surface: #FDFAFE; --color-bg-elevated: #F4ECF8; --color-border: #C4A9D2; --color-border-strong: #917B9E; --color-text-primary: #1F1327; --color-text-secondary: #493A53; --color-text-tertiary: #5E4D69; --color-brand: #5F2E73; --color-brand-hover: #542865; --color-on-brand: #FFFFFF; --brand-rgb: 95, 46, 115; --sf3: #E8DBEF; --color-success: #126E26; --color-warning: #8A5300; --color-error: #BA241C; --color-info: #005DC7; --success-rgb: 18, 110, 38; --warning-rgb: 138, 83, 0; --error-rgb: 186, 36, 28; --info-rgb: 0, 93, 199; --tx-rgb: 31, 19, 39; --bg-rgb: 231, 217, 238; } html[data-palette="espresso"]:not([data-theme="light"]) { --color-bg-base: #1A1512; --color-bg-surface: #221C18; --color-bg-elevated: #2B241F; --color-border: #3A312A; --color-border-strong: #6B6157; --color-text-primary: #EFE9E3; --color-text-secondary: #BCAFA3; --color-text-tertiary: #9C9084; --color-brand: #D19E6A; --color-brand-hover: #D7AA7C; --color-on-brand: #1A1512; --brand-rgb: 209, 158, 106; --sf3: #332B25; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F34F54; --color-info: #4E8FE4; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 243, 79, 84; --info-rgb: 78, 143, 228; --tx-rgb: 239, 233, 227; --bg-rgb: 26, 21, 18; } html[data-palette="espresso"][data-theme="light"] { --color-bg-base: #EDDFCB; --color-bg-surface: #FEFBF6; --color-bg-elevated: #F7EFE3; --color-border: #CDB694; --color-border-strong: #9A866A; --color-text-primary: #1F1710; --color-text-secondary: #503F2C; --color-text-tertiary: #67553F; --color-brand: #7A4A1C; --color-brand-hover: #6B4119; --color-on-brand: #FFFFFF; --brand-rgb: 122, 74, 28; --sf3: #EDE1CF; --color-success: #137227; --color-warning: #8F5600; --color-error: #BF251D; --color-info: #005FCC; --success-rgb: 19, 114, 39; --warning-rgb: 143, 86, 0; --error-rgb: 191, 37, 29; --info-rgb: 0, 95, 204; --tx-rgb: 31, 23, 16; --bg-rgb: 237, 223, 203; } html[data-palette="butelkowa"]:not([data-theme="light"]) { --color-bg-base: #131C18; --color-bg-surface: #1A2620; --color-bg-elevated: #22302A; --color-border: #2E3F37; --color-border-strong: #5C6C65; --color-text-primary: #E5EDE9; --color-text-secondary: #A5B4AD; --color-text-tertiary: #899992; --color-brand: #6FBF9A; --color-brand-hover: #80C7A6; --color-on-brand: #131C18; --brand-rgb: 111, 191, 154; --sf3: #283831; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F35359; --color-info: #4E8FE4; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 243, 83, 89; --info-rgb: 78, 143, 228; --tx-rgb: 229, 237, 233; --bg-rgb: 19, 28, 24; } html[data-palette="butelkowa"][data-theme="light"] { --color-bg-base: #D4E7DD; --color-bg-surface: #F9FDFB; --color-bg-elevated: #E9F5EF; --color-border: #A2C8B5; --color-border-strong: #759485; --color-text-primary: #0D1F17; --color-text-secondary: #32493E; --color-text-tertiary: #476054; --color-brand: #146046; --color-brand-hover: #12543E; --color-on-brand: #FFFFFF; --brand-rgb: 20, 96, 70; --sf3: #D7EAE1; --color-success: #137227; --color-warning: #8F5600; --color-error: #BF251D; --color-info: #005FCC; --success-rgb: 19, 114, 39; --warning-rgb: 143, 86, 0; --error-rgb: 191, 37, 29; --info-rgb: 0, 95, 204; --tx-rgb: 13, 31, 23; --bg-rgb: 212, 231, 221; } html[data-palette="morska"]:not([data-theme="light"]) { --color-bg-base: #101E22; --color-bg-surface: #172A2E; --color-bg-elevated: #1F363B; --color-border: #2B474D; --color-border-strong: #587177; --color-text-primary: #E0EEF0; --color-text-secondary: #9FB6BA; --color-text-tertiary: #849BA0; --color-brand: #5CB8C4; --color-brand-hover: #70C1CB; --color-on-brand: #101E22; --brand-rgb: 92, 184, 196; --sf3: #253F44; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F45D62; --color-info: #5292E5; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 244, 93, 98; --info-rgb: 82, 146, 229; --tx-rgb: 224, 238, 240; --bg-rgb: 16, 30, 34; } html[data-palette="morska"][data-theme="light"] { --color-bg-base: #CDE5EA; --color-bg-surface: #F8FDFE; --color-bg-elevated: #E3F2F5; --color-border: #96C2CA; --color-border-strong: #6C939A; --color-text-primary: #0A2126; --color-text-secondary: #2D4D54; --color-text-tertiary: #42636A; --color-brand: #0F6473; --color-brand-hover: #0D5865; --color-on-brand: #FFFFFF; --brand-rgb: 15, 100, 115; --sf3: #D0E6EA; --color-success: #137227; --color-warning: #8F5600; --color-error: #BF251D; --color-info: #005FCC; --success-rgb: 19, 114, 39; --warning-rgb: 143, 86, 0; --error-rgb: 191, 37, 29; --info-rgb: 0, 95, 204; --tx-rgb: 10, 33, 38; --bg-rgb: 205, 229, 234; } html[data-palette="bordo"]:not([data-theme="light"]) { --color-bg-base: #1F1417; --color-bg-surface: #2A1B1F; --color-bg-elevated: #342228; --color-border: #452E35; --color-border-strong: #745E65; --color-text-primary: #F2E7EA; --color-text-secondary: #C0A8AF; --color-text-tertiary: #A38D94; --color-brand: #D4788C; --color-brand-hover: #D9889A; --color-on-brand: #1F1417; --brand-rgb: 212, 120, 140; --sf3: #3D282F; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F34F54; --color-info: #4E8FE4; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 243, 79, 84; --info-rgb: 78, 143, 228; --tx-rgb: 242, 231, 234; --bg-rgb: 31, 20, 23; } html[data-palette="bordo"][data-theme="light"] { --color-bg-base: #EED7DE; --color-bg-surface: #FEFAFB; --color-bg-elevated: #F8EAEE; --color-border: #D2A6B2; --color-border-strong: #9F7682; --color-text-primary: #24131A; --color-text-secondary: #52323C; --color-text-tertiary: #6B4551; --color-brand: #8A2942; --color-brand-hover: #79243A; --color-on-brand: #FFFFFF; --brand-rgb: 138, 41, 66; --sf3: #EFD9DF; --color-success: #126E26; --color-warning: #8A5300; --color-error: #BA241C; --color-info: #005AC2; --success-rgb: 18, 110, 38; --warning-rgb: 138, 83, 0; --error-rgb: 186, 36, 28; --info-rgb: 0, 90, 194; --tx-rgb: 36, 19, 26; --bg-rgb: 238, 215, 222; } html[data-palette="oliwka"]:not([data-theme="light"]) { --color-bg-base: #1A1C13; --color-bg-surface: #23261A; --color-bg-elevated: #2C3021; --color-border: #3B402C; --color-border-strong: #6A6E59; --color-text-primary: #EDEEE1; --color-text-secondary: #B5B7A2; --color-text-tertiary: #999B86; --color-brand: #B5C46A; --color-brand-hover: #BECB7C; --color-on-brand: #1A1C13; --brand-rgb: 181, 196, 106; --sf3: #343827; --color-success: #3BA55F; --color-warning: #E0B442; --color-error: #F3585D; --color-info: #4E8FE4; --success-rgb: 59, 165, 95; --warning-rgb: 224, 180, 66; --error-rgb: 243, 88, 93; --info-rgb: 78, 143, 228; --tx-rgb: 237, 238, 225; --bg-rgb: 26, 28, 19; } html[data-palette="oliwka"][data-theme="light"] { --color-bg-base: #E4E8CB; --color-bg-surface: #FCFDF6; --color-bg-elevated: #F1F4E2; --color-border: #BCC596; --color-border-strong: #8C926A; --color-text-primary: #1A1C10; --color-text-secondary: #464A2C; --color-text-tertiary: #5B5F3E; --color-brand: #4F5E19; --color-brand-hover: #465316; --color-on-brand: #FFFFFF; --brand-rgb: 79, 94, 25; --sf3: #E4E8CF; --color-success: #137227; --color-warning: #8F5600; --color-error: #C3251D; --color-info: #005FCC; --success-rgb: 19, 114, 39; --warning-rgb: 143, 86, 0; --error-rgb: 195, 37, 29; --info-rgb: 0, 95, 204; --tx-rgb: 26, 28, 16; --bg-rgb: 228, 232, 203; } html, body { background-color: var(--color-bg-base); color: var(--color-text-primary); }