/* Vzhledy. Nový vzhled = nový blok .theme-NÁZEV tady + řádek v THEMES v js/config.js.
   Barva záložky přichází zvenku jako --tab (jemná) a --tab-deep (sytá). */

/* ---------- Pudrová paleta ---------- */
body[data-theme="pudrova"] { background: #FCF8F5; }
.theme-pudrova {
  --bg: #FCF8F5;
  --ink: #4A3F40;
  --muted: #7C6D6C;
  --line: #EADFDB;
  --accent: var(--tab-deep);
  --title-color: var(--tab-deep);
  --sheet-bg: #FFFBF9;
  --input-bg: #FFFFFF;
  --btn-bg: var(--tab-deep);
  --btn-ink: #FFFFFF;
  --f-label: "Nunito", system-ui, sans-serif;
  --task-gap: 8px;
  --box-border: 2px; --box-radius: 8px; --box-color: var(--tab-deep); --box-tick: #FFFFFF;
  --done-opacity: .4;
}
.theme-pudrova .app-head { background: var(--tab); border-radius: 0 0 30px 30px; padding-bottom: 16px; transition: background-color .3s ease; }
.theme-pudrova .brand, .theme-pudrova .topbar .icon-btn { color: var(--ink); }
.theme-pudrova .tab { font-size: 14px; font-weight: 600; padding: 7px 15px; border-radius: 999px; border: 0; background: rgba(255, 255, 255, .55); color: var(--ink); }
.theme-pudrova .tab[aria-selected="true"] { background: #FFFFFF; box-shadow: 0 4px 12px -6px rgba(76, 65, 66, .45); }
.theme-pudrova .tab-new { background: transparent; box-shadow: inset 0 0 0 1.5px rgba(76, 65, 66, .25); }
.theme-pudrova .task { padding: 12px 14px 12px 12px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 1px 0 var(--line); }
.theme-pudrova .task.done { background: transparent; box-shadow: none; }
.theme-pudrova .task.done .text { text-decoration-color: var(--muted); }
.theme-pudrova .check { margin-left: -8px; }
.theme-pudrova .add input { padding: 12px 14px; border-radius: 16px; border: 1.5px dashed var(--line); }

/* ---------- Krémový diář ---------- */
body[data-theme="kremovy"] { background: #F1EBE3; }
.theme-kremovy {
  --bg: #F1EBE3;
  --paper: #F8F4EE;
  --ink: #46372C;
  --muted: #7F6E60;
  --line: #DCD1C5;
  --accent: #8D6D55;
  --title-color: #46372C;
  --sheet-bg: #F8F4EE;
  --input-bg: #FFFDF9;
  --btn-bg: #46372C;
  --btn-ink: #F8F4EE;
  --f-label: "Jost", system-ui, sans-serif;
  --task-gap: 0px;
  --box-border: 1.3px; --box-radius: 50%; --box-color: #8D6D55; --box-tick: #F8F4EE;
  --done-opacity: .32;
}
.theme-kremovy .tab { font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; padding: 7px 14px; border-radius: 4px; border: 1px solid var(--line); background: var(--paper); color: var(--muted); }
.theme-kremovy .tab[aria-selected="true"] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.theme-kremovy .tab-new { border-style: dashed; background: transparent; }
.theme-kremovy .sheet {
  background: var(--paper);
  margin: 12px max(12px, env(safe-area-inset-right, 0px)) 0 max(12px, env(safe-area-inset-left, 0px));
  border-radius: 8px 8px 0 0;
  box-shadow: 0 1px 0 var(--line), 0 10px 24px -18px rgba(70, 55, 44, .5);
  padding-left: 20px; padding-right: 20px;
}
.theme-kremovy .task { padding: 11px 0; border-bottom: 1px solid var(--line); }
.theme-kremovy .task.done .text { text-decoration-color: var(--line); }
.theme-kremovy .chip, .theme-kremovy .btn { border-radius: 6px; }
.theme-kremovy .brand, .theme-kremovy .date, .theme-kremovy .count, .theme-kremovy .field-label { font-weight: 500; }