/* Палитра приложения.
   Тема: html[data-theme="light"|"dark"] (cookie livestat-theme)
   Акцент: html[data-palette-light] / [data-palette-dark]
   (cookies livestat-palette-light / livestat-palette-dark)
*/

:root {
  --bg: #eef3f0;
  --bg-glow: #dceee4;
  --bg-glow-2: #e7eef8;
  --paper: #ffffff;
  --paper-soft: #f7fbf8;
  --ink: #1b2a25;
  --muted: #6a7a73;
  --line: #dbe6e0;
  --income: #2a9a6c;
  --income-soft: #e4f6ec;
  --expense: #e06b5c;
  --expense-soft: #fbeceb;
  --accent: #2f6f5b;
  --accent-deep: #245747;
  --accent-mid: #3d8a70;
  --on-accent: #f4fbf7;
  --shadow: 0 10px 30px rgba(36, 87, 71, 0.08);
  --shadow-soft: 0 4px 16px rgba(36, 87, 71, 0.06);
  --overlay: rgba(27, 42, 37, 0.42);
  --seg-bg: #e3ece7;
  --keypad-bg: #eef5f1;
  --keypad-press: #dcebe3;
  --input-bg: #f7fbf8;
  --focus: #9fc9b6;
  --focus-ring: rgba(47, 111, 91, 0.12);
  --sidebar: rgba(255, 255, 255, 0.72);
  --sidebar-border: rgba(255, 255, 255, 0.8);
  --nav-glass: rgba(255, 255, 255, 0.92);
  --handle: #d5e3db;
  --sub-chip: #f1f3f2;
  --sub-chip-ink: #8a9691;
  --amount-border: #c5ddd2;
  --amount-expense-border: #f0c3bc;
  --amount-expense-bg: #fff8f6;
  --amount-income-border: #b7dfc8;
  --meter-track: #e8f0eb;
  --empty-bg: rgba(255, 255, 255, 0.7);
  --info-border: #b7c0bc;
  --info-ink: #8a9691;
  --chart-bar: #6eb6e8;
  --chart-bar-income: #4aa882;
  --cal-red: #e06b5c;
  --cal-red-deep: #c24e42;
  --cal-green: #3dbe86;
  --cal-green-deep: #2a9a6c;
  --chart-grid: #c9d2ce;
  --chart-label: #9aa3a0;
  --limit-ok: #2a9a6c;
  --limit-warn: #e0a84a;
  --limit-over: #e06b5c;
  --balance-1: #3d8a70;
  --balance-2: #2f6f5b;
  --balance-3: #214c3e;
  --balance-shadow: 0 18px 40px rgba(47, 111, 91, 0.28);
  --theme-meta: #2f6f5b;
  --on-balance-income: #8ee0b6;
  --on-balance-expense: #ffb3a8;
  --btn-ghost: #e8f1ec;
  --btn-primary-shadow: 0 8px 18px rgba(47, 111, 91, 0.25);
  --fab-shadow: 0 12px 24px rgba(47, 111, 91, 0.32);
  --sidebar-hover: #eef6f2;
  --chip-bg: #ffffff;
  --danger-ink: #c24e42;
  --radius: 20px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --nav-h: 76px;
}

html { color-scheme: light; }

html[data-theme="dark"] {
  --bg: #121916;
  --bg-glow: #1a2e26;
  --bg-glow-2: #182028;
  --paper: #1c2622;
  --paper-soft: #24302b;
  --ink: #e8f0eb;
  --muted: #93a39b;
  --line: #2e3d37;
  --income: #5dce96;
  --income-soft: #1e3a2e;
  --expense: #f08a7c;
  --expense-soft: #3d2623;
  --accent: #4aa882;
  --accent-deep: #9ee0c0;
  --accent-mid: #3d8a70;
  --on-accent: #f4fbf7;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
  --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.2);
  --overlay: rgba(6, 10, 9, 0.62);
  --seg-bg: #24302b;
  --keypad-bg: #24302b;
  --keypad-press: #31423b;
  --input-bg: #24302b;
  --focus: #4aa882;
  --focus-ring: rgba(74, 168, 130, 0.22);
  --sidebar: rgba(28, 38, 34, 0.86);
  --sidebar-border: rgba(46, 61, 55, 0.9);
  --nav-glass: rgba(28, 38, 34, 0.92);
  --handle: #3a4a44;
  --sub-chip: #24302b;
  --sub-chip-ink: #8a9691;
  --amount-border: #3d5a4e;
  --amount-expense-border: #6a3d38;
  --amount-expense-bg: #2a1e1c;
  --amount-income-border: #2f5c48;
  --meter-track: #2a3832;
  --empty-bg: rgba(28, 38, 34, 0.7);
  --info-border: #4a5c55;
  --info-ink: #93a39b;
  --chart-bar: #6eb6e8;
  --chart-bar-income: #5dce96;
  --cal-red: #f08a7c;
  --cal-red-deep: #e06b5c;
  --cal-green: #5dce96;
  --cal-green-deep: #2a9a6c;
  --chart-grid: #3a4a44;
  --chart-label: #8a9691;
  --balance-1: #2f6f5b;
  --balance-2: #245747;
  --balance-3: #16352c;
  --balance-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  --theme-meta: #121916;
  --on-balance-income: #8ee0b6;
  --on-balance-expense: #ffb3a8;
  --btn-ghost: #24302b;
  --btn-primary-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
  --fab-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
  --sidebar-hover: #24302b;
  --chip-bg: #1c2622;
  --danger-ink: #f08a7c;
}

html[data-theme="dark"] { color-scheme: dark; }

/* —— Палитры: светлая —— */

html[data-theme="light"][data-palette-light="ocean"] {
  --bg: #eef2f7;
  --bg-glow: #d9e6f5;
  --bg-glow-2: #e4edf8;
  --ink: #1a2433;
  --muted: #6a7688;
  --line: #d5dee9;
  --accent: #2f5f8f;
  --accent-deep: #234a70;
  --accent-mid: #3d7ab0;
  --on-accent: #f4f8fc;
  --shadow: 0 10px 30px rgba(47, 95, 143, 0.1);
  --shadow-soft: 0 4px 16px rgba(47, 95, 143, 0.07);
  --overlay: rgba(26, 36, 51, 0.42);
  --seg-bg: #e0e8f1;
  --keypad-bg: #eef3f8;
  --keypad-press: #dce6f0;
  --input-bg: #f6f9fc;
  --focus: #8fb4d9;
  --focus-ring: rgba(47, 95, 143, 0.14);
  --handle: #d0dce8;
  --amount-border: #b8cfe4;
  --meter-track: #e4ecf4;
  --balance-1: #3d7ab0;
  --balance-2: #2f5f8f;
  --balance-3: #1e4060;
  --balance-shadow: 0 18px 40px rgba(47, 95, 143, 0.28);
  --theme-meta: #2f5f8f;
  --btn-ghost: #e6eef6;
  --btn-primary-shadow: 0 8px 18px rgba(47, 95, 143, 0.28);
  --fab-shadow: 0 12px 24px rgba(47, 95, 143, 0.34);
  --sidebar-hover: #eaf1f8;
  --chart-bar: #5a9ad4;
}

html[data-theme="light"][data-palette-light="slate"] {
  --bg: #f0f1f3;
  --bg-glow: #e2e5ea;
  --bg-glow-2: #e8ebf0;
  --ink: #1c2128;
  --muted: #6b7280;
  --line: #d8dce3;
  --accent: #3d4654;
  --accent-deep: #2a313c;
  --accent-mid: #555f6e;
  --on-accent: #f5f6f8;
  --shadow: 0 10px 30px rgba(40, 48, 60, 0.09);
  --shadow-soft: 0 4px 16px rgba(40, 48, 60, 0.06);
  --overlay: rgba(28, 33, 40, 0.44);
  --seg-bg: #e4e7ec;
  --keypad-bg: #eef0f3;
  --keypad-press: #dde1e7;
  --input-bg: #f7f8fa;
  --focus: #9aa3b0;
  --focus-ring: rgba(61, 70, 84, 0.14);
  --handle: #d4d8df;
  --amount-border: #c4cad4;
  --meter-track: #e8ebf0;
  --balance-1: #555f6e;
  --balance-2: #3d4654;
  --balance-3: #262c36;
  --balance-shadow: 0 18px 40px rgba(40, 48, 60, 0.28);
  --theme-meta: #3d4654;
  --btn-ghost: #e8eaee;
  --btn-primary-shadow: 0 8px 18px rgba(40, 48, 60, 0.25);
  --fab-shadow: 0 12px 24px rgba(40, 48, 60, 0.32);
  --sidebar-hover: #eceef2;
  --chart-bar: #6b7c94;
}

html[data-theme="light"][data-palette-light="copper"] {
  --bg: #f4f0ec;
  --bg-glow: #efe4d8;
  --bg-glow-2: #ebe6e0;
  --ink: #2a221c;
  --muted: #7a6d62;
  --line: #e2d8ce;
  --accent: #8a5a3a;
  --accent-deep: #6e452c;
  --accent-mid: #a66e48;
  --on-accent: #fbf7f3;
  --shadow: 0 10px 30px rgba(138, 90, 58, 0.1);
  --shadow-soft: 0 4px 16px rgba(138, 90, 58, 0.07);
  --overlay: rgba(42, 34, 28, 0.42);
  --seg-bg: #ebe3da;
  --keypad-bg: #f3ece6;
  --keypad-press: #e5dbd1;
  --input-bg: #faf7f4;
  --focus: #c9a588;
  --focus-ring: rgba(138, 90, 58, 0.14);
  --handle: #ddd2c6;
  --amount-border: #d4bda8;
  --meter-track: #efe6dc;
  --balance-1: #a66e48;
  --balance-2: #8a5a3a;
  --balance-3: #5c3a26;
  --balance-shadow: 0 18px 40px rgba(138, 90, 58, 0.28);
  --theme-meta: #8a5a3a;
  --btn-ghost: #efe6dc;
  --btn-primary-shadow: 0 8px 18px rgba(138, 90, 58, 0.28);
  --fab-shadow: 0 12px 24px rgba(138, 90, 58, 0.34);
  --sidebar-hover: #f3ebe4;
  --chart-bar: #c48a5c;
}

html[data-theme="light"][data-palette-light="berry"] {
  --bg: #f4eef1;
  --bg-glow: #ecdce4;
  --bg-glow-2: #ebe4ea;
  --ink: #2a1c24;
  --muted: #7a6570;
  --line: #e2d5db;
  --accent: #7a3d58;
  --accent-deep: #5e2e43;
  --accent-mid: #96506c;
  --on-accent: #fbf5f8;
  --shadow: 0 10px 30px rgba(122, 61, 88, 0.1);
  --shadow-soft: 0 4px 16px rgba(122, 61, 88, 0.07);
  --overlay: rgba(42, 28, 36, 0.42);
  --seg-bg: #ebe0e6;
  --keypad-bg: #f3eaef;
  --keypad-press: #e5d7df;
  --input-bg: #faf6f8;
  --focus: #c498ad;
  --focus-ring: rgba(122, 61, 88, 0.14);
  --handle: #ddd0d7;
  --amount-border: #d4b8c4;
  --meter-track: #efe4ea;
  --balance-1: #96506c;
  --balance-2: #7a3d58;
  --balance-3: #4e2738;
  --balance-shadow: 0 18px 40px rgba(122, 61, 88, 0.28);
  --theme-meta: #7a3d58;
  --btn-ghost: #efe4ea;
  --btn-primary-shadow: 0 8px 18px rgba(122, 61, 88, 0.28);
  --fab-shadow: 0 12px 24px rgba(122, 61, 88, 0.34);
  --sidebar-hover: #f3e8ee;
  --chart-bar: #b86a8c;
}

/* —— Палитры: тёмная —— */

html[data-theme="dark"][data-palette-dark="ocean"] {
  --bg: #12161c;
  --bg-glow: #1a2534;
  --bg-glow-2: #182028;
  --paper: #1a222c;
  --paper-soft: #232d3a;
  --ink: #e8eef5;
  --muted: #93a0b0;
  --line: #2e3a48;
  --accent: #5a9ad4;
  --accent-deep: #9ec5ea;
  --accent-mid: #3d7ab0;
  --on-accent: #f4f8fc;
  --seg-bg: #232d3a;
  --keypad-bg: #232d3a;
  --keypad-press: #2f3c4c;
  --input-bg: #232d3a;
  --focus: #5a9ad4;
  --focus-ring: rgba(90, 154, 212, 0.22);
  --sidebar: rgba(26, 34, 44, 0.86);
  --sidebar-border: rgba(46, 58, 72, 0.9);
  --nav-glass: rgba(26, 34, 44, 0.92);
  --handle: #3a4a58;
  --sub-chip: #232d3a;
  --amount-border: #3a5570;
  --amount-income-border: #2f4e6a;
  --meter-track: #2a3544;
  --balance-1: #2f5f8f;
  --balance-2: #234a70;
  --balance-3: #152a40;
  --theme-meta: #12161c;
  --btn-ghost: #232d3a;
  --sidebar-hover: #232d3a;
  --chip-bg: #1a222c;
  --chart-bar: #5a9ad4;
  --chart-bar-income: #5dce96;
}

html[data-theme="dark"][data-palette-dark="slate"] {
  --bg: #141518;
  --bg-glow: #1e2228;
  --bg-glow-2: #1a1e24;
  --paper: #1c1f24;
  --paper-soft: #262a31;
  --ink: #e8eaee;
  --muted: #959aa3;
  --line: #323840;
  --accent: #9aa3b0;
  --accent-deep: #c5cbd4;
  --accent-mid: #6b7380;
  --on-accent: #141518;
  --seg-bg: #262a31;
  --keypad-bg: #262a31;
  --keypad-press: #333840;
  --input-bg: #262a31;
  --focus: #9aa3b0;
  --focus-ring: rgba(154, 163, 176, 0.22);
  --sidebar: rgba(28, 31, 36, 0.86);
  --sidebar-border: rgba(50, 56, 64, 0.9);
  --nav-glass: rgba(28, 31, 36, 0.92);
  --handle: #3c424c;
  --sub-chip: #262a31;
  --amount-border: #454c58;
  --amount-income-border: #3a4e44;
  --meter-track: #2c3138;
  --balance-1: #3d4654;
  --balance-2: #2a313c;
  --balance-3: #181c22;
  --theme-meta: #141518;
  --btn-ghost: #262a31;
  --sidebar-hover: #262a31;
  --chip-bg: #1c1f24;
  --chart-bar: #7a8699;
}

html[data-theme="dark"][data-palette-dark="copper"] {
  --bg: #161210;
  --bg-glow: #2a2018;
  --bg-glow-2: #221c18;
  --paper: #221c18;
  --paper-soft: #2e2620;
  --ink: #f0e8e0;
  --muted: #a89888;
  --line: #3d342c;
  --accent: #c48a5c;
  --accent-deep: #e0b890;
  --accent-mid: #a66e48;
  --on-accent: #1a1410;
  --seg-bg: #2e2620;
  --keypad-bg: #2e2620;
  --keypad-press: #3d342c;
  --input-bg: #2e2620;
  --focus: #c48a5c;
  --focus-ring: rgba(196, 138, 92, 0.22);
  --sidebar: rgba(34, 28, 24, 0.86);
  --sidebar-border: rgba(61, 52, 44, 0.9);
  --nav-glass: rgba(34, 28, 24, 0.92);
  --handle: #4a4036;
  --sub-chip: #2e2620;
  --amount-border: #6a5040;
  --amount-income-border: #3a5040;
  --meter-track: #342c26;
  --balance-1: #8a5a3a;
  --balance-2: #6e452c;
  --balance-3: #3a2418;
  --theme-meta: #161210;
  --btn-ghost: #2e2620;
  --sidebar-hover: #2e2620;
  --chip-bg: #221c18;
  --chart-bar: #c48a5c;
}

html[data-theme="dark"][data-palette-dark="berry"] {
  --bg: #161214;
  --bg-glow: #2a1c24;
  --bg-glow-2: #221820;
  --paper: #221820;
  --paper-soft: #2e222a;
  --ink: #f0e8ec;
  --muted: #a8909a;
  --line: #3d3238;
  --accent: #c07098;
  --accent-deep: #e0a8c0;
  --accent-mid: #96506c;
  --on-accent: #1a1014;
  --seg-bg: #2e222a;
  --keypad-bg: #2e222a;
  --keypad-press: #3d3238;
  --input-bg: #2e222a;
  --focus: #c07098;
  --focus-ring: rgba(192, 112, 152, 0.22);
  --sidebar: rgba(34, 24, 32, 0.86);
  --sidebar-border: rgba(61, 50, 56, 0.9);
  --nav-glass: rgba(34, 24, 32, 0.92);
  --handle: #4a3840;
  --sub-chip: #2e222a;
  --amount-border: #6a4054;
  --amount-income-border: #3a5040;
  --meter-track: #342830;
  --balance-1: #7a3d58;
  --balance-2: #5e2e43;
  --balance-3: #301820;
  --theme-meta: #161214;
  --btn-ghost: #2e222a;
  --sidebar-hover: #2e222a;
  --chip-bg: #221820;
  --chart-bar: #c07098;
}