/* ==========================================================
   DARK THEME REFINEMENTS
   Extracted from calculator-tools.css (lines 6943-7049)
   ========================================================== */
/* ============================================================
   CALCULATOR TOOLS — DARK THEME REFINEMENTS
   Appended to calculator-tools.css (Aurora Dark design).
   Fixes remaining hardcoded light surfaces.
   ============================================================ */
[data-theme="dark"] .ct-card-header {
  border-bottom-color: rgba(148, 163, 184, .1);
}
[data-theme="dark"] .ct-result,
[data-theme="dark"] .ct-card-footer {
  border-top-color: rgba(148, 163, 184, .1);
}
[data-theme="dark"] .ct-input:focus,
[data-theme="dark"] .ct-select:focus,
[data-theme="dark"] .ct-textarea:focus {
  background: #131d33;
}
[data-theme="dark"] .ct-input:hover,
[data-theme="dark"] .ct-select:hover,
[data-theme="dark"] .ct-textarea:hover {
  border-color: rgba(148, 163, 184, .3);
}
[data-theme="dark"] .ct-detail-box {
  background: #0e1626;
  border-color: rgba(148, 163, 184, .16);
}
[data-theme="dark"] .ct-tab:hover {
  background: rgba(255, 255, 255, .06);
}
[data-theme="dark"] .ct-result-card:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, .4);
}
[data-theme="dark"] .ct-alert-info    { color: #93c5fd; }
[data-theme="dark"] .ct-alert-success { color: #6ee7b7; }
[data-theme="dark"] .ct-alert-warning { color: #fcd34d; }
[data-theme="dark"] .ct-alert-danger  { color: #fca5a5; }
[data-theme="dark"] .ct-cur-amount-input {
  background: #0e1626 !important;
  border-color: rgba(148, 163, 184, .2) !important;
}
[data-theme="dark"] .ct-cur-amount-input:focus {
  border-color: var(--ct-primary) !important;
}
[data-theme="dark"] .ct-cur-swap-btn {
  background: #131d33;
  border-color: rgba(148, 163, 184, .2);
}
[data-theme="dark"] .ct-cur-swap-btn:hover {
  background: var(--ct-primary);
  border-color: var(--ct-primary);
}
[data-theme="dark"] .ct-switch-slider,
[data-theme="dark"] .ct-range {
  background: rgba(148, 163, 184, .25);
}
[data-theme="dark"] .ct-bmi-pointer-val {
  color: #e7ecf5;
}
[data-theme="dark"] .ct-progress {
  background: rgba(148, 163, 184, .18);
}
[data-theme="dark"] .ct-table th {
  color: #9aa8bd;
}
/* ============================================================
   LIGHT THEME TOKENS — [data-theme="light"]
   Flips the ct-* design tokens (dark base) to light surfaces.
   ============================================================ */
[data-theme="light"] .ct-tool-section {
  --ct-grad-start    : #eef1fb;
  --ct-grad-end      : #ece9fb;
  --ct-card-bg       : #ffffff;
  --ct-card-border   : rgba(15, 23, 42, .12);
  --ct-card-shadow   : 0 20px 60px rgba(15, 23, 42, .12);
  --ct-glass-bg      : rgba(15, 23, 42, .04);
  --ct-glass-border  : rgba(15, 23, 42, .12);
  --ct-text          : #0f172a;
  --ct-text-secondary: #475569;
  --ct-text-muted    : #64748b;
  --ct-text-white    : #ffffff;
  --ct-input-bg      : #ffffff;
  --ct-input-border  : rgba(15, 23, 42, .16);
  --ct-input-focus   : var(--ct-primary);
}

/* ================================================================
   DESIGN LANGUAGE V2 — gradient icon chip + premium card
   ================================================================ */
.ct-card {
  border-radius: 24px;
  transition: box-shadow var(--ct-speed) var(--ct-ease), transform var(--ct-speed) var(--ct-ease), border-color var(--ct-speed) var(--ct-ease);
}
.ct-card:hover {
  transform: translateY(-4px);
  border-color: rgba(99, 102, 241, .35);
}
.ct-card-icon {
  display: inline-grid;
  place-items: center;
  width: 86px;
  height: 86px;
  border-radius: 24px;
  font-size: 2.3rem;
  background: linear-gradient(135deg, rgba(99, 102, 241, .32), rgba(168, 85, 247, .16));
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: 0 16px 40px rgba(99, 102, 241, .32), inset 0 1px 0 rgba(255, 255, 255, .22);
}