/* ==========================================================================
   PALETA HODLOPEDII — jedyne miejsce, w którym siedzą kolory i kształty.
   ==========================================================================
   NIE EDYTUJ RĘCZNIE. Plik powstaje z zestawu „p_lazur" komendą:
       node tools/design/generuj_palete.js p_lazur --plik app/static/assets/css/hodl-tokens.css
   Kolory dobiera się Studiem kolorów (przycisk z paletą, prawy dolny róg na serwerze
   lokalnym) — „Kopiuj CSS" oddaje gotowy wynik. Opis: docs/DESIGN_SYSTEM.md.

   Ładowany przez parent.html (cała apka) ORAZ auth_base.html (logowanie, rejestracja,
   reset hasła) — dlatego strony wejściowe też słuchają motywu.
   ========================================================================== */

:root {
    --hodl-radius-xs: 4px;   /* drobiazgi: mini-plakietki, próbki koloru */
    --hodl-radius-sm: 6px;   /* chipy, plakietki, tagi */
    --hodl-radius-md: 9px;   /* przyciski, pola formularza, pozycje menu */
    --hodl-radius-lg: 12px;   /* karty, panele, okna */
    --hodl-radius-pill: 999px;   /* pigułki i przełączniki */
}

html:not([data-bs-theme=dark]) {
    /* Motyw jasny */
    --hodl-bg: #dfeef6;
    --ct-body-bg: #dfeef6;
    --ct-body-bg-rgb: 223, 238, 246;
    --hodl-surface: #ffffff;
    --hodl-surface-2: #eef6fa;
    --hodl-surface-3: #dde9f1;
    --ct-tertiary-bg: #eef6fa;
    --ct-secondary-bg: #ffffff;
    --ct-card-bg: #ffffff;
    --ct-input-bg: #eef6fa;
    --ct-input-border-color: #b9cbd8;
    --ct-input-color: #0d1e2c;
    --ct-input-placeholder-color: #5d7083;
    --ct-input-focus-border-color: #0a78c2;
    --ct-form-select-bg: #eef6fa;
    --ct-dropdown-bg: #ffffff;
    --ct-dropdown-link-color: #0d1e2c;
    --ct-dropdown-link-hover-bg: #dde9f1;
    --ct-modal-bg: #ffffff;
    --ct-table-bg: #ffffff;
    --ct-table-color: #0d1e2c;
    --ct-table-border-color: #b9cbd8;
    --ct-bg: #dfeef6;
    --ct-body-color: #0d1e2c;
    --ct-emphasis-color: #0d1e2c;
    --ct-headings-color: #0d1e2c;
    --ct-heading-color: #0d1e2c;
    --ct-secondary-color: #45596b;
    --ct-tertiary-color: #617588;
    --ct-body-color-rgb: 13, 30, 44;
    --ct-emphasis-color-rgb: 13, 30, 44;
    --ct-secondary-color-rgb: 69, 89, 107;
    --ct-tertiary-bg-rgb: 238, 246, 250;
    --ct-secondary-bg-rgb: 255, 255, 255;
    --ct-secondary-rgb: 69, 89, 107;
    --ct-light-rgb: 238, 246, 250;
    --ct-dark-rgb: 13, 30, 44;
    --ct-light: #eef6fa;
    --ct-dark: #0d1e2c;
    --hodl-border: #b9cbd8;
    --ct-border-color: #b9cbd8;
    --ct-border-color-translucent: #b9cbd8;
    --hodl-border-strong: #899ba8;
    --hodl-border-subtle: #d9e2ea;
    --hodl-text: #0d1e2c;
    --hodl-text-2: #45596b;
    --hodl-text-3: #556778;
    --hodl-text-on-accent: #ffffff;
    --hodl-text-on-warn: #0b1020;
    --hodl-text-on-up: #0b1020;
    --hodl-text-on-down: #0b1020;
    --hodl-text-on-info: #0b1020;
    --hodl-accent: #0a78c2;
    --hodl-accent-hover: #0967a7;
    --hodl-focus-ring: rgba(10, 120, 194, 0.45);
    --hodl-accent-muted: rgba(10, 120, 194, 0.1);
    --hodl-accent-soft: rgba(10, 120, 194, 0.1);
    --hodl-neutral: #617588;
    --hodl-neutral-soft: #e9ecee;
    --hodl-neutral-text: #45596b;
    --hodl-accent-text: #085a92;
    --ct-primary: #0a78c2;
    --ct-primary-rgb: 10, 120, 194;
    --ct-link-color: #0a78c2;
    --ct-link-color-rgb: 10, 120, 194;
    --ct-primary-bg-subtle: #ddecf6;
    --ct-primary-text-emphasis: #07568c;
    --hodl-up: #0f9e86;
    --hodl-up-soft: #ddf1ee;
    --hodl-up-text: #0b7260;
    --ct-success: #0f9e86;
    --ct-success-rgb: 15, 158, 134;
    --ct-success-bg-subtle: #ddf1ee;
    --ct-success-text-emphasis: #0b7260;
    --hodl-down: #e0504f;
    --hodl-down-soft: #fbe7e6;
    --hodl-down-text: #a13a39;
    --ct-danger: #e0504f;
    --ct-danger-rgb: 224, 80, 79;
    --ct-danger-bg-subtle: #fbe7e6;
    --ct-danger-text-emphasis: #a13a39;
    --hodl-warn: #d19510;
    --hodl-warn-soft: #f9f0de;
    --hodl-warn-text: #8a620b;
    --ct-warning: #d19510;
    --ct-warning-rgb: 209, 149, 16;
    --ct-warning-bg-subtle: #f9f0de;
    --ct-warning-text-emphasis: #8a620b;
    --hodl-info: #1aa0c8;
    --hodl-info-soft: #dff2f7;
    --hodl-info-text: #137390;
    --ct-info: #1aa0c8;
    --ct-info-rgb: 26, 160, 200;
    --ct-info-bg-subtle: #dff2f7;
    --ct-info-text-emphasis: #137390;
    --hodl-cat-violet: #6830b5;
    --hodl-cat-orange: #b56e30;
    --hodl-cat-pink: #b53073;
    --hodl-cat-teal: #30b5b1;
    --hodl-series-1: #305db5;
    --hodl-series-2: #6830b5;
    --hodl-series-3: #b5309f;
    --hodl-series-4: #b5303b;
    --hodl-series-5: #b58930;
    --hodl-series-6: #7eb530;
    --hodl-series-7: #30b546;
    --hodl-series-8: #30b5aa;
    --hodl-level-order: #d19510;
    --hodl-level-tp: #0f9e86;
    --hodl-level-sl: #e0504f;
    --hodl-level-avg: #1aa0c8;
    --hodl-rail-bg: #0e3550;
    --hodl-rail-surface: #0e3550;
    --hodl-rail-text: #9fc3d8;
    --hodl-rail-active-text: #7fd0ff;
    --hodl-rail-active-bg: rgba(127, 208, 255, 0.2);
    --hodl-topbar-bg: #f3f9fc;
    --hodl-topbar-text: #3f6378;
    --hodl-topbar-title: #0d1e2c;
    --hodl-table-head-bg: #eef6fa;
    --hodl-table-head-text: #45596b;
    --hodl-table-head-sort: #085a92;
    --hodl-shadow-sm: 0 1px 2px rgba(13, 30, 44, 0.07);
    --hodl-shadow-md: 0 6px 18px rgba(13, 30, 44, 0.1);
    --hodl-shadow-lg: 0 18px 44px rgba(13, 30, 44, 0.14);
    --hodl-panel-shadow: 0 1px 2px rgba(13, 30, 44, 0.07);
    --hodl-feed-shadow: 0 1px 2px rgba(13, 30, 44, 0.07);
    --hodl-panel-accent-bg: #ffffff;
    --hodl-panel-accent-border: #b9cbd8;
    --hodl-overlay: rgba(13, 30, 44, 0.42);
    --hodl-panel-card-bg: #ffffff;
    --hodl-panel-card-border: #b9cbd8;
    --hodl-panel-head-bg: #eef6fa;
    --hodl-panel-head-border: #d2dde6;
    --hodl-panel-item-hover: rgba(10, 120, 194, 0.07);
    --hodl-feed-header-bg: #ffffff;
    --hodl-feed-tabs-bg: #eef6fa;
    --hodl-note-card-border: #cedbe4;
    --hodl-note-card-hover: rgba(10, 120, 194, 0.05);
    --coin-info-field-bg: #ffffff;
    --coin-info-field-border: #b9cbd8;
    --hodl-topbar-search-bg: #eef6fa;
    --hodl-topbar-search-dropdown-bg: #ffffff;
    --hodl-topbar-search-border: #b9cbd8;
    --hodl-topbar-search-item-hover: rgba(10, 120, 194, 0.08);
}

[data-bs-theme=dark] {
    /* Motyw ciemny */
    --hodl-bg: #061421;
    --ct-body-bg: #061421;
    --ct-body-bg-rgb: 6, 20, 33;
    --hodl-surface: #0c1d2d;
    --hodl-surface-2: #11263a;
    --hodl-surface-3: #183047;
    --ct-tertiary-bg: #11263a;
    --ct-secondary-bg: #0c1d2d;
    --ct-card-bg: #0c1d2d;
    --ct-input-bg: #11263a;
    --ct-input-border-color: #26405a;
    --ct-input-color: #e2eef6;
    --ct-input-placeholder-color: #7d96ab;
    --ct-input-focus-border-color: #38aaff;
    --ct-form-select-bg: #11263a;
    --ct-dropdown-bg: #0c1d2d;
    --ct-dropdown-link-color: #e2eef6;
    --ct-dropdown-link-hover-bg: #183047;
    --ct-modal-bg: #0c1d2d;
    --ct-table-bg: #0c1d2d;
    --ct-table-color: #e2eef6;
    --ct-table-border-color: #26405a;
    --ct-bg: #061421;
    --ct-body-color: #e2eef6;
    --ct-emphasis-color: #e2eef6;
    --ct-headings-color: #e2eef6;
    --ct-heading-color: #e2eef6;
    --ct-secondary-color: #9cb4c6;
    --ct-tertiary-color: #7d96ab;
    --ct-body-color-rgb: 226, 238, 246;
    --ct-emphasis-color-rgb: 226, 238, 246;
    --ct-secondary-color-rgb: 156, 180, 198;
    --ct-tertiary-bg-rgb: 17, 38, 58;
    --ct-secondary-bg-rgb: 12, 29, 45;
    --ct-secondary-rgb: 156, 180, 198;
    --ct-light-rgb: 24, 48, 71;
    --ct-dark-rgb: 226, 238, 246;
    --ct-light: #183047;
    --ct-dark: #e2eef6;
    --hodl-border: #26405a;
    --ct-border-color: #26405a;
    --ct-border-color-translucent: #26405a;
    --hodl-border-strong: #5b7186;
    --hodl-border-subtle: #1a3046;
    --hodl-text: #e2eef6;
    --hodl-text-2: #9cb4c6;
    --hodl-text-3: #829aae;
    --hodl-text-on-accent: #0b1020;
    --hodl-text-on-warn: #0b1020;
    --hodl-text-on-up: #0b1020;
    --hodl-text-on-down: #0b1020;
    --hodl-text-on-info: #0b1020;
    --hodl-accent: #38aaff;
    --hodl-accent-hover: #58b8ff;
    --hodl-focus-ring: rgba(56, 170, 255, 0.55);
    --hodl-accent-muted: rgba(56, 170, 255, 0.16);
    --hodl-accent-soft: rgba(56, 170, 255, 0.16);
    --hodl-neutral: #7d96ab;
    --hodl-neutral-soft: rgba(125, 150, 171, 0.16);
    --hodl-neutral-text: #9cb4c6;
    --hodl-accent-text: #7ec8ff;
    --ct-primary: #38aaff;
    --ct-primary-rgb: 56, 170, 255;
    --ct-link-color: #6abfff;
    --ct-link-color-rgb: 106, 191, 255;
    --ct-primary-bg-subtle: rgba(56, 170, 255, 0.16);
    --ct-primary-text-emphasis: #7ec8ff;
    --hodl-up: #2ecb9a;
    --hodl-up-soft: rgba(46, 203, 154, 0.16);
    --hodl-up-text: #77ddbd;
    --ct-success: #2ecb9a;
    --ct-success-rgb: 46, 203, 154;
    --ct-success-bg-subtle: rgba(46, 203, 154, 0.16);
    --ct-success-text-emphasis: #77ddbd;
    --hodl-down: #f5686a;
    --hodl-down-soft: rgba(245, 104, 106, 0.16);
    --hodl-down-text: #f99d9e;
    --ct-danger: #f5686a;
    --ct-danger-rgb: 245, 104, 106;
    --ct-danger-bg-subtle: rgba(245, 104, 106, 0.16);
    --ct-danger-text-emphasis: #f99d9e;
    --hodl-warn: #f0b13c;
    --hodl-warn-soft: rgba(240, 177, 60, 0.16);
    --hodl-warn-text: #f5cc80;
    --ct-warning: #f0b13c;
    --ct-warning-rgb: 240, 177, 60;
    --ct-warning-bg-subtle: rgba(240, 177, 60, 0.16);
    --ct-warning-text-emphasis: #f5cc80;
    --hodl-info: #43c9ec;
    --hodl-info-soft: rgba(67, 201, 236, 0.16);
    --hodl-info-text: #85dcf3;
    --ct-info: #43c9ec;
    --ct-info-rgb: 67, 201, 236;
    --ct-info-bg-subtle: rgba(67, 201, 236, 0.16);
    --ct-info-text-emphasis: #85dcf3;
    --hodl-cat-violet: #9f73de;
    --hodl-cat-orange: #dea573;
    --hodl-cat-pink: #de73a8;
    --hodl-cat-teal: #73deda;
    --hodl-series-1: #7396de;
    --hodl-series-2: #9f73de;
    --hodl-series-3: #de73cc;
    --hodl-series-4: #de737c;
    --hodl-series-5: #deba73;
    --hodl-series-6: #b1de73;
    --hodl-series-7: #73de84;
    --hodl-series-8: #73ded5;
    --hodl-level-order: #f0b13c;
    --hodl-level-tp: #2ecb9a;
    --hodl-level-sl: #f5686a;
    --hodl-level-avg: #43c9ec;
    --hodl-rail-bg: #030d17;
    --hodl-rail-surface: #030d17;
    --hodl-rail-text: #86a8be;
    --hodl-rail-active-text: #7fd0ff;
    --hodl-rail-active-bg: rgba(127, 208, 255, 0.2);
    --hodl-topbar-bg: #0c1d2d;
    --hodl-topbar-text: #93b3c8;
    --hodl-topbar-title: #e2eef6;
    --hodl-table-head-bg: #11263a;
    --hodl-table-head-text: #9cb4c6;
    --hodl-table-head-sort: #7ec8ff;
    --hodl-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --hodl-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.5);
    --hodl-shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.6);
    --hodl-panel-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    --hodl-feed-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    --hodl-panel-accent-bg: #0c1d2d;
    --hodl-panel-accent-border: #26405a;
    --hodl-overlay: rgba(0, 0, 0, 0.62);
    --hodl-panel-card-bg: #0c1d2d;
    --hodl-panel-card-border: #26405a;
    --hodl-panel-head-bg: #11263a;
    --hodl-panel-head-border: #1d344a;
    --hodl-panel-item-hover: rgba(56, 170, 255, 0.07);
    --hodl-feed-header-bg: #0c1d2d;
    --hodl-feed-tabs-bg: #11263a;
    --hodl-note-card-border: #1e364d;
    --hodl-note-card-hover: rgba(56, 170, 255, 0.05);
    --coin-info-field-bg: #0c1d2d;
    --coin-info-field-border: #26405a;
    --hodl-topbar-search-bg: #11263a;
    --hodl-topbar-search-dropdown-bg: #0c1d2d;
    --hodl-topbar-search-border: #26405a;
    --hodl-topbar-search-item-hover: rgba(56, 170, 255, 0.08);
}