/* OsOjOb v1.5 - ctyri vzhledy (graficky navrh schvalen 9. 11. 2026).
   Kazdy vzhled jen nastavuje promenne; rozlozeni je spolecne v base.css. */

body, [data-theme="klasicky"] {
  --page: linear-gradient(160deg, #FFFFFF 0%, #E8EAEE 45%, #C6CAD2 100%);
  --bg: #F1F2F4; --card: linear-gradient(135deg, #FFFFFF 0%, #ECEEF1 100%); --card-solid: #FFFFFF;
  --ink: #1D1D1F; --muted: #6E6E73; --line: rgba(29,29,31,.12); --acc: #2563EB; --on-acc: #FFFFFF; --logo: #2563EB;
  --pos: #15803D; --pos-line: #15803D; --pos-bar: #15803D; --neg: #C62828;
  --pos-soft: #E8F5EC; --neg-soft: #FDECEC; --warn-soft: #FFF4D6; --warn-ink: #8A5A00;
  --r: 22px; --shadow: 0 2px 18px rgba(16,24,40,.05); --hero: linear-gradient(135deg, #FFFFFF 0%, #ECEEF1 100%);
  --net-bg: linear-gradient(135deg, #ECEEF1 0%, #DCDFE4 100%); --net-ink: #1D4ED8; --net-head: #3F4651; --net-soft: #E8F5EC;
  --reward: #3F4651; --link: #3F4651; --glow: none; --line-glow: none;
  --band-bg: linear-gradient(135deg, #3F4651 0%, #2B3038 100%); --band-ink: #F3EDDC;
  --chip-on: #1D1D1F; --chip-on-ink: #FFFFFF;
  --font: "Inter", system-ui, sans-serif; --font-head: var(--font); --font-num: var(--font);
  color-scheme: light;
}

[data-theme="dark"] {
  --page: #0B0F14; --bg: #0B0F14; --card: #151B23; --card-solid: #151B23;
  --ink: #E6EDF3; --muted: #9AA4B2; --line: rgba(230,237,243,.12); --acc: #4C9AFF; --on-acc: #0B0F14; --logo: #B3263A;
  --pos: #3FB950; --pos-line: #3FB950; --pos-bar: #3FB950; --neg: #FF6B6B;
  --pos-soft: #1C232D; --neg-soft: #1C232D; --warn-soft: #2B2410; --warn-ink: #F2C94C;
  --r: 18px; --shadow: 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.35); --hero: #151B23;
  --net-bg: linear-gradient(135deg, #222B37 0%, #161C24 100%); --net-ink: #E6EDF3; --net-head: #E6EDF3; --net-soft: #1C232D;
  --reward: #3FB950; --link: #4C9AFF; --glow: none; --line-glow: none;
  --band-bg: linear-gradient(135deg, #1E2630 0%, #12171E 100%); --band-ink: #E6EDF3;
  --chip-on: #4C9AFF; --chip-on-ink: #0B0F14;
  color-scheme: dark;
}

[data-theme="happy"] {
  --page: linear-gradient(160deg, #FFE3EF 0%, #F3EEFF 45%, #E2F1FF 100%);
  --bg: #FFEAF3; --card: linear-gradient(160deg, #FFFFFF 0%, #FFF7FB 60%, #F3F9FF 100%); --card-solid: #FFFFFF;
  --ink: #1E2A4A; --muted: #5A6488; --line: rgba(30,42,74,.12); --acc: #E8458B; --on-acc: #FFFFFF; --logo: #E8458B;
  --pos: #0E8F5A; --pos-line: #0E7A50; --pos-bar: #22B573; --neg: #E0284A;
  --pos-soft: #DDF5E9; --neg-soft: #FFE0E6; --warn-soft: #FFF0B8; --warn-ink: #7A5600;
  --r: 26px; --shadow: 0 10px 30px rgba(232,69,139,.10); --hero: linear-gradient(120deg, #FFD3E6, #CFE6FF);
  --net-bg: linear-gradient(135deg, #FFC4DE, #BCDDFF); --net-ink: #1E2A4A; --net-head: #1E2A4A; --net-soft: #E2F1FF;
  --reward: #0E8F5A; --link: #E8458B; --glow: none; --line-glow: none;
  --band-bg: linear-gradient(135deg, #CFE6FF, #FFD3E6); --band-ink: #1E2A4A;
  --chip-on: #1E2A4A; --chip-on-ink: #FFFFFF;
  --font-head: "Nunito", "Inter", sans-serif; --font-num: "Nunito", "Inter", sans-serif;
  color-scheme: light;
}

[data-theme="luxury"] {
  --page: radial-gradient(1100px 620px at 0% -10%, #0D4A37 0, rgba(13,74,55,0) 60%),
          radial-gradient(900px 520px at 100% 0%, rgba(216,182,106,.10) 0, rgba(216,182,106,0) 55%), #04100D;
  --bg: #071A15; --card: linear-gradient(160deg, rgba(216,182,106,.09), rgba(216,182,106,0) 45%), #040D0A; --card-solid: #040D0A;
  --ink: #EEE8DA; --muted: #A9BCB3; --line: rgba(238,232,218,.12); --acc: #D8B66A; --on-acc: #06130F; --logo: #D8B66A;
  --pos: #4ADE80; --pos-line: #3DDC84; --pos-bar: #2FBF6C; --neg: #FF6B6B;
  --pos-soft: rgba(61,220,132,.12); --neg-soft: rgba(255,107,107,.12); --warn-soft: rgba(216,182,106,.16); --warn-ink: #E9CF8E;
  --r: 24px; --shadow: none; --hero: linear-gradient(160deg, rgba(216,182,106,.09), rgba(216,182,106,0) 45%), #040D0A;
  --net-bg: linear-gradient(160deg, rgba(216,182,106,.16), rgba(216,182,106,0) 50%), #040D0A; --net-ink: #E9CF8E; --net-head: #E9CF8E;
  --net-soft: rgba(61,220,132,.12);
  --reward: #4ADE80; --link: #D8B66A; --glow: 0 0 14px rgba(61,220,132,.45); --line-glow: drop-shadow(0 0 6px rgba(61,220,132,.6));
  --band-bg: linear-gradient(160deg, rgba(216,182,106,.09), rgba(216,182,106,0) 45%), #040D0A; --band-ink: #E9CF8E;
  --chip-on: #EEE8DA; --chip-on-ink: #06130F;
  color-scheme: dark;
}

/* tlacitka vzhledu v menu - kazde ukazuje barvy sveho vzhledu */
.sw-klasicky { background: #F5F5F7 !important; color: #1D1D1F !important; }
.sw-dark { background: #151B23 !important; color: #E6EDF3 !important; }
.sw-happy { background: linear-gradient(120deg, #FFC4DE, #BCDDFF) !important; color: #1E2A4A !important; }
.sw-luxury { background: linear-gradient(135deg, #0B4A35, #040D0A) !important; color: #E9CF8E !important; }