/* ============================================================
   BelloBark Buchhaltung — Theme Definitions
   4 themes synced with dashboard.oenne.de via localStorage key
   ============================================================ */

/* ---- GRADIENT (default) ---- */
[data-theme="gradient"] {
  --font: 'SF Pro Display','Segoe UI','Helvetica Neue',system-ui,sans-serif;
  --font-mono: 'SF Mono','Fira Code','JetBrains Mono','Cascadia Code','Consolas',monospace;
  --bg: #07060e;
  --text: #f4f0ff;
  --text-sub: rgba(244,240,255,.5);
  --text-dim: rgba(244,240,255,.22);
  --border: rgba(255,255,255,.07);
  --accent-1: #ff9f43;
  --accent-2: #7c5cfc;
  --accent-3: #0be881;
  --accent-4: #ff6b81;

  --bg-card: rgba(255,255,255,.04);
  --bg-card-hover: rgba(255,255,255,.07);
  --bg-input: rgba(255,255,255,.06);
  --bg-input-focus: rgba(255,255,255,.1);
  --border-input: rgba(255,255,255,.1);
  --bg-table-header: rgba(255,255,255,.05);
  --bg-table-row-hover: rgba(255,255,255,.04);
  --color-income: #0be881;
  --color-expense: #ff6b81;
  --color-profit-pos: #0be881;
  --color-profit-neg: #ff6b81;
  --btn-primary: #7c5cfc;
  --btn-primary-hover: #9a82fd;
  --btn-danger: #ff6b81;
  --btn-danger-hover: #ff8fa0;
  --card-radius: 16px;
  --card-shadow: 0 4px 24px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.06);
}

/* ---- TERMINAL ---- */
[data-theme="terminal"] {
  --font: 'SF Mono','Fira Code','JetBrains Mono','Cascadia Code','Consolas',monospace;
  --font-mono: 'SF Mono','Fira Code','JetBrains Mono','Cascadia Code','Consolas',monospace;
  --bg: #0a0a0a;
  --text: #33ff88;
  --text-sub: rgba(51,255,136,.5);
  --text-dim: rgba(51,255,136,.2);
  --border: rgba(51,255,136,.15);
  --accent-1: #33ff88;
  --accent-2: #33ff88;
  --accent-3: #33ff88;
  --accent-4: #33ff88;

  --bg-card: rgba(51,255,136,.04);
  --bg-card-hover: rgba(51,255,136,.08);
  --bg-input: rgba(51,255,136,.06);
  --bg-input-focus: rgba(51,255,136,.12);
  --border-input: rgba(51,255,136,.2);
  --bg-table-header: rgba(51,255,136,.06);
  --bg-table-row-hover: rgba(51,255,136,.05);
  --color-income: #33ff88;
  --color-expense: #ff4444;
  --color-profit-pos: #33ff88;
  --color-profit-neg: #ff4444;
  --btn-primary: #33ff88;
  --btn-primary-hover: #66ffaa;
  --btn-danger: #ff4444;
  --btn-danger-hover: #ff6666;
  --card-radius: 4px;
  --card-shadow: 0 0 0 1px rgba(51,255,136,.15);
}

/* ---- BENTO (light) ---- */
[data-theme="bento"] {
  --font: 'SF Pro Display','Segoe UI','Helvetica Neue',system-ui,sans-serif;
  --font-mono: 'SF Mono','Fira Code','Consolas',monospace;
  --bg: #f5f0eb;
  --text: #1a1715;
  --text-sub: rgba(26,23,21,.5);
  --text-dim: rgba(26,23,21,.25);
  --border: rgba(26,23,21,.08);
  --accent-1: #e8821c;
  --accent-2: #5a4fcf;
  --accent-3: #1a8c5b;
  --accent-4: #cf3d4a;

  --bg-card: rgba(255,255,255,.7);
  --bg-card-hover: rgba(255,255,255,.9);
  --bg-input: rgba(255,255,255,.8);
  --bg-input-focus: #ffffff;
  --border-input: rgba(26,23,21,.15);
  --bg-table-header: rgba(26,23,21,.04);
  --bg-table-row-hover: rgba(26,23,21,.03);
  --color-income: #1a8c5b;
  --color-expense: #cf3d4a;
  --color-profit-pos: #1a8c5b;
  --color-profit-neg: #cf3d4a;
  --btn-primary: #5a4fcf;
  --btn-primary-hover: #7268d8;
  --btn-danger: #cf3d4a;
  --btn-danger-hover: #d9606b;
  --card-radius: 18px;
  --card-shadow: 0 2px 12px rgba(26,23,21,.06), 0 0 0 1px rgba(26,23,21,.06);
}

/* ---- EDITORIAL ---- */
[data-theme="editorial"] {
  --font: Georgia,'Times New Roman','Noto Serif',serif;
  --font-mono: 'SF Mono','Fira Code','Consolas',monospace;
  --bg: #111;
  --text: #e8e4de;
  --text-sub: rgba(232,228,222,.45);
  --text-dim: rgba(232,228,222,.2);
  --border: rgba(232,228,222,.1);
  --accent-1: #d4a053;
  --accent-2: #8b7ec8;
  --accent-3: #6aad8e;
  --accent-4: #c75f6b;

  --bg-card: rgba(232,228,222,.04);
  --bg-card-hover: rgba(232,228,222,.07);
  --bg-input: rgba(232,228,222,.06);
  --bg-input-focus: rgba(232,228,222,.1);
  --border-input: rgba(232,228,222,.12);
  --bg-table-header: rgba(232,228,222,.05);
  --bg-table-row-hover: rgba(232,228,222,.04);
  --color-income: #6aad8e;
  --color-expense: #c75f6b;
  --color-profit-pos: #6aad8e;
  --color-profit-neg: #c75f6b;
  --btn-primary: #8b7ec8;
  --btn-primary-hover: #a498d4;
  --btn-danger: #c75f6b;
  --btn-danger-hover: #d47e88;
  --card-radius: 8px;
  --card-shadow: 0 2px 16px rgba(0,0,0,.2), 0 0 0 1px rgba(232,228,222,.08);
}