/* ═══════════════════════════════════════════════════════
   Warm Minimal Theme (D2)
   Notion-inspired, warm neutral tones, underline tabs
   ═══════════════════════════════════════════════════════ */

/* ── Warm Minimal Light ───────────────────────────────── */
[data-theme="warm"] {
  /* Font */
  font-family: 'Plus Jakarta Sans', sans-serif;

  /* Surfaces */
  --bg: #fff;
  --surface: #ffffff;
  --surface2: #f7f6f3;
  --topbar-bg: rgba(255, 255, 255, .96);

  /* Text */
  --text: #37352f;
  --text2: #55534e;
  --muted: #9b9a97;
  --on-primary: #fff;
  --placeholder: #b4b4b0;

  /* Borders */
  --border: #ebebea;
  --border2: #d3d1cb;

  /* Primary — charcoal (used for buttons, links, focus) */
  --primary: #37352f;
  --primary2: #2c2a25;
  --primary-light: rgba(55, 53, 47, .08);

  /* Semantic */
  --success: #6c9b6a;
  --success2: #4c8c4a;
  --success-light: rgba(108, 155, 106, .10);
  --success-text: #4c8c4a;
  --warning: #d9730d;
  --warning-light: rgba(217, 115, 13, .10);
  --warning-text: #d9730d;
  --danger: #eb5757;
  --danger2: #d14545;
  --danger-light: rgba(235, 87, 87, .08);
  --danger-text: #c23b3b;

  /* Semantic surfaces */
  --whatsapp-bg: #ddeddb; --whatsapp-text: #4c8c4a;
  --telegram-bg: #d3e5ef; --telegram-text: #2e6e8e;
  --email-bg: #e8deee;    --email-text: #6940a5;
  --verify-banner-bg: #fdecc8; --verify-banner-text: #d9730d;

  /* Toast backgrounds */
  --toast-bg: #37352f;
  --toast-success-bg: #3a6b38;
  --toast-error-bg: #b33b3b;
  --toast-warning-bg: #b35e0a;

  /* Chart colors */
  --chart-confirmed: #6c9b6a;
  --chart-declined: #eb5757;
  --chart-invited: #2eaadc;
  --chart-no-answer: #d3d1cb;

  /* Hover / overlay */
  --hover: rgba(55, 53, 47, .04);
  --hover2: rgba(55, 53, 47, .03);
  --overlay: rgba(55, 53, 47, .50);
  --mobile-overlay: rgba(0, 0, 0, .2);
  --card-hover-border: rgba(55, 53, 47, .20);
  --table-row-hover: rgba(55, 53, 47, .02);
  --tabs-bg: transparent;

  /* Status */
  --status-completed-bg: rgba(155, 154, 151, .10);
  --status-cancelled-bg: rgba(235, 87, 87, .08);

  /* Shadows — very subtle, warm */
  --shadow: 0 1px 2px rgba(55, 53, 47, .06);
  --shadow2: 0 3px 10px rgba(55, 53, 47, .08);
  --shadow3: 0 8px 24px rgba(55, 53, 47, .12);

  /* Border radii — restrained, 6-8px */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 8px;
  --r-xl: 10px;

  --focus: 0 0 0 2px rgba(46, 170, 220, .40);

  /* Hero gradients */
  --hero-grad1: rgba(55, 53, 47, .04);
  --hero-grad2: rgba(217, 115, 13, .04);
  --auth-grad: rgba(55, 53, 47, .04);

  /* Delete card border */
  --danger-card-border: rgba(235, 87, 87, .25);

  /* Pill borders */
  --pill-bg: rgba(55, 53, 47, .04);
  --pill-primary-border: rgba(55, 53, 47, .15);
  --pill-success-border: rgba(108, 155, 106, .25);
  --pill-warning-border: rgba(217, 115, 13, .25);
  --pill-danger-border: rgba(235, 87, 87, .25);

  color-scheme: light;
}

/* ── Warm Minimal Dark ────────────────────────────────── */
[data-theme="warm-dark"] {
  /* Font */
  font-family: 'Plus Jakarta Sans', sans-serif;

  /* Surfaces */
  --bg: #191919;
  --surface: #1e1e1e;
  --surface2: #252525;
  --topbar-bg: rgba(30, 30, 30, .96);

  /* Text */
  --text: #e3e3e0;
  --text2: #b8b8b4;
  --muted: #6b6b6b;
  --on-primary: #191919;
  --placeholder: #555;

  /* Borders */
  --border: #2a2a2a;
  --border2: #333;

  /* Primary — inverted: light text color becomes primary in dark */
  --primary: #e3e3e0;
  --primary2: #f0f0ed;
  --primary-light: rgba(227, 227, 224, .12);

  /* Semantic */
  --success: #81c784;
  --success2: #a5d6a7;
  --success-light: rgba(129, 199, 132, .12);
  --success-text: #81c784;
  --warning: #f5a623;
  --warning-light: rgba(245, 166, 35, .12);
  --warning-text: #f5a623;
  --danger: #f07070;
  --danger2: #f89898;
  --danger-light: rgba(240, 112, 112, .10);
  --danger-text: #f07070;

  /* Semantic surfaces */
  --whatsapp-bg: rgba(129, 199, 132, .10); --whatsapp-text: #81c784;
  --telegram-bg: rgba(46, 170, 220, .10);  --telegram-text: #68c4e8;
  --email-bg: rgba(165, 120, 210, .10);    --email-text: #c4a6e0;
  --verify-banner-bg: rgba(245, 166, 35, .12); --verify-banner-text: #f5a623;

  /* Toast backgrounds */
  --toast-bg: #e3e3e0;
  --toast-success-bg: #1b5e20;
  --toast-error-bg: #8b2020;
  --toast-warning-bg: #7c4a0a;

  /* Chart colors */
  --chart-confirmed: #81c784;
  --chart-declined: #f07070;
  --chart-invited: #68c4e8;
  --chart-no-answer: #555;

  /* Hover / overlay */
  --hover: rgba(255, 255, 255, .05);
  --hover2: rgba(255, 255, 255, .03);
  --overlay: rgba(0, 0, 0, .55);
  --mobile-overlay: rgba(0, 0, 0, .4);
  --card-hover-border: rgba(227, 227, 224, .20);
  --table-row-hover: rgba(255, 255, 255, .02);
  --tabs-bg: transparent;

  /* Status */
  --status-completed-bg: rgba(107, 107, 107, .12);
  --status-cancelled-bg: rgba(240, 112, 112, .10);

  /* Shadows */
  --shadow: 0 1px 2px rgba(0, 0, 0, .25);
  --shadow2: 0 3px 10px rgba(0, 0, 0, .30);
  --shadow3: 0 8px 24px rgba(0, 0, 0, .40);

  /* Border radii */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 8px;
  --r-xl: 10px;

  --focus: 0 0 0 2px rgba(104, 196, 232, .40);

  /* Hero gradients */
  --hero-grad1: rgba(227, 227, 224, .04);
  --hero-grad2: rgba(245, 166, 35, .04);
  --auth-grad: rgba(227, 227, 224, .03);

  /* Delete card border */
  --danger-card-border: rgba(240, 112, 112, .30);

  /* Pill borders */
  --pill-bg: rgba(255, 255, 255, .05);
  --pill-primary-border: rgba(227, 227, 224, .20);
  --pill-success-border: rgba(129, 199, 132, .25);
  --pill-warning-border: rgba(245, 166, 35, .25);
  --pill-danger-border: rgba(240, 112, 112, .25);

  color-scheme: dark;
}

/* ── Warm Minimal Structural Overrides ────────────────── */
/* Tabs: underline style with red accent (#eb5757) */
[data-theme="warm"] .tabs,
[data-theme="warm-dark"] .tabs {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  padding: 0;
  gap: 0;
}
[data-theme="warm"] .tab,
[data-theme="warm-dark"] .tab {
  border-radius: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: 8px 14px;
}
[data-theme="warm"] .tab:hover,
[data-theme="warm-dark"] .tab:hover {
  background: transparent;
  color: var(--text);
  border-bottom-color: var(--muted);
}
[data-theme="warm"] .tab.active,
[data-theme="warm-dark"] .tab.active {
  background: transparent;
  border: none;
  border-bottom: 2px solid #eb5757;
  box-shadow: none;
  color: var(--text);
}

/* Bottom nav active accent — red, not charcoal */
[data-theme="warm"] .bottom-nav-item.active,
[data-theme="warm-dark"] .bottom-nav-item.active {
  color: #eb5757;
}

/* Checkboxes: round, thinner border (Notion style) */
[data-theme="warm"] .task-checkbox,
[data-theme="warm-dark"] .task-checkbox {
  border-width: 1.5px;
  border-color: #d3d1cb;
  border-radius: 50%;
}
[data-theme="warm-dark"] .task-checkbox {
  border-color: #555;
}
/* Done checkbox uses teal (#2eaadc), not charcoal */
[data-theme="warm"] .task-checkbox.done,
[data-theme="warm-dark"] .task-checkbox.done {
  background: #2eaadc;
  border-color: #2eaadc;
  color: #fff;
}
/* WIP checkbox */
[data-theme="warm"] .task-checkbox.in_progress {
  background: rgba(241, 196, 15, .19);
  border-color: #d9730d;
}
[data-theme="warm-dark"] .task-checkbox.in_progress {
  background: rgba(217, 115, 13, .19);
  border-color: #f5a623;
}

/* Toast dark text inversion */
[data-theme="warm-dark"] .toast { background: var(--toast-bg); color: var(--bg); }
[data-theme="warm-dark"] .toast.success { background: var(--toast-success-bg); color: #fff; }
[data-theme="warm-dark"] .toast.error   { background: var(--toast-error-bg);   color: #fff; }

/* Theme toggle icons */
[data-theme="warm"] .theme-toggle .icon-sun  { display: none; }
[data-theme="warm"] .theme-toggle .icon-moon { display: inline; }
[data-theme="warm-dark"] .theme-toggle .icon-sun  { display: inline; }
[data-theme="warm-dark"] .theme-toggle .icon-moon { display: none; }

/* ── Task rows: flat line-separated (Notion style) ──── */
[data-theme="warm"] .task-item,
[data-theme="warm-dark"] .task-item {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  padding: 10px 4px;
  box-shadow: none;
}
[data-theme="warm"] .task-item:hover,
[data-theme="warm-dark"] .task-item:hover {
  background: var(--hover);
  box-shadow: none;
  border-color: var(--border);
}

/* ── Event cards: flat, transparent, border-bottom only ─ */
[data-theme="warm"] .event-card,
[data-theme="warm-dark"] .event-card {
  border-left: none;
  border-bottom: 1px solid var(--border);
}
[data-theme="warm"] .card.event-card,
[data-theme="warm-dark"] .card.event-card {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid var(--border);
}

/* ── KPI blocks: bordered, 8px radius ─────────────────── */
[data-theme="warm"] .kpi-strip .card,
[data-theme="warm-dark"] .kpi-strip .card {
  border: 1px solid var(--border);
  border-radius: 8px;
}
[data-theme="warm"] .kpi-num,
[data-theme="warm-dark"] .kpi-num {
  font-size: 20px;
}
[data-theme="warm"] .kpi-label,
[data-theme="warm-dark"] .kpi-label {
  text-transform: none;
}