/* p2pzero.air — Night (Pro) + Day themes */

:root,
.theme-dark {
  color-scheme: dark;
  --theme-name: "Night";

  --bg-page: #131419;
  --bg-deep: #050608;
  --bg-layer-1: rgba(24, 25, 32, 0.88);
  --bg-layer-2: rgba(31, 33, 41, 0.92);
  --bg-layer-3: rgba(38, 40, 48, 0.94);
  --bg-panel: var(--bg-layer-1);
  --bg-panel-2: var(--bg-layer-2);
  --bg-input: rgba(38, 40, 48, 0.95);
  --bg-surface: var(--bg-layer-3);
  --bg-raised: var(--bg-layer-2);
  --bg-glass: rgba(24, 25, 32, 0.75);
  --bg-glass-strong: rgba(31, 33, 41, 0.85);

  --bg-grid: none;
  --bg-vignette: none;

  --text-primary: #ffffff;
  --text-secondary: #d4d7de;
  --text-muted: #9aa0ad;
  --text-faint: #727986;
  --text-inverse: #0a120e;

  --accent: #00d68f;
  --accent-bright: #34e8a8;
  --accent-soft: rgba(0, 214, 143, 0.12);
  --accent-cyan: #00d68f;
  --accent-success: #00d68f;
  --accent-warn: #f5a623;
  --accent-danger: #ff6b6b;

  --trust-green: #00d68f;
  --trust-green-bg: rgba(0, 214, 143, 0.1);
  --trust-green-border: rgba(0, 214, 143, 0.28);
  --trust-blue-bg: rgba(0, 214, 143, 0.06);
  --trust-blue-border: rgba(0, 214, 143, 0.18);

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.12);
  --border-glow: rgba(0, 214, 143, 0.4);
  --border-layer: rgba(255, 255, 255, 0.04);

  --gradient-card: linear-gradient(165deg, rgba(31, 33, 41, 0.95) 0%, rgba(24, 25, 32, 0.9) 100%);

  --shadow-btn: 0 2px 12px rgba(0, 214, 143, 0.28);
  --shadow-card: 0 8px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--border-subtle);
  --shadow-card-hover: 0 16px 48px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--border-medium);
  --shadow-glow: 0 0 64px rgba(0, 214, 143, 0.18);
  --header-blur: blur(20px) saturate(1.2);
  --nodes-opacity: 0.55;
  --ambient-opacity: 1;

  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa0ad' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");

  --radius-sm: 0.5rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.875rem;
  --radius-xl: 1.125rem;

  --icon-xs: 1rem;
  --icon-sm: 1.25rem;
  --icon-md: 1.375rem;
  --icon-lg: 1.5rem;
  --touch-min: 3rem;
  --mobile-nav-h: 4.25rem;
  --header-h: 4.5rem;
  --header-h-mobile: 3.25rem;
  --logo-size: 2.75rem;
  --logo-size-mobile: 2.375rem;

  /* Fee board — dark mode */
  --fee-board-bg: linear-gradient(165deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  --fee-board-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 12px 40px rgba(0, 0, 0, 0.35);
  --fee-board-card-bg: rgba(0, 0, 0, 0.28);
  --fee-board-table-bg: rgba(0, 0, 0, 0.22);
  --fee-board-th-bg: rgba(255, 255, 255, 0.04);
  --fee-board-row-hover: rgba(255, 255, 255, 0.03);
  --fee-lock-color: #34e8a8;
  --fee-total-color: #2dd4bf;
  --fee-deduct-color: #fca5a5;
  --fee-gain-color: #6ee7b7;
  --fee-badge-border: rgba(0, 214, 143, 0.35);
}

.theme-light {
  color-scheme: light;
  --theme-name: "Day";

  --bg-page: #eef1f6;
  --bg-deep: #e2e7ef;
  --bg-layer-1: rgba(255, 255, 255, 0.92);
  --bg-layer-2: rgba(255, 255, 255, 0.96);
  --bg-layer-3: #ffffff;
  --bg-panel: var(--bg-layer-1);
  --bg-panel-2: var(--bg-layer-2);
  --bg-input: #ffffff;
  --bg-surface: var(--bg-layer-3);
  --bg-raised: var(--bg-layer-2);
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-strong: rgba(255, 255, 255, 0.98);

  --bg-grid: none;
  --bg-vignette: none;

  --text-primary: #0f1720;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --text-faint: #94a3b8;
  --text-inverse: #ffffff;

  --accent: #00a870;
  --accent-bright: #00c987;
  --accent-soft: rgba(0, 168, 112, 0.1);
  --accent-cyan: #008f5a;
  --accent-success: #00a870;
  --accent-warn: #d97706;
  --accent-danger: #dc2626;

  --trust-green: #00a870;
  --trust-green-bg: rgba(0, 168, 112, 0.08);
  --trust-green-border: rgba(0, 168, 112, 0.25);
  --trust-blue-bg: rgba(0, 168, 112, 0.05);
  --trust-blue-border: rgba(0, 168, 112, 0.15);

  --border-subtle: rgba(15, 23, 32, 0.08);
  --border-medium: rgba(15, 23, 32, 0.12);
  --border-glow: rgba(0, 168, 112, 0.35);
  --border-layer: rgba(15, 23, 32, 0.04);

  --gradient-card: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);

  --shadow-btn: 0 2px 10px rgba(0, 168, 112, 0.2);
  --shadow-card: 0 4px 24px rgba(15, 23, 32, 0.06), 0 0 0 1px var(--border-subtle);
  --shadow-card-hover: 0 12px 32px rgba(15, 23, 32, 0.1), 0 0 0 1px var(--border-medium);
  --shadow-glow: 0 0 40px rgba(0, 168, 112, 0.12);
  --header-blur: blur(16px) saturate(1.1);
  --nodes-opacity: 0.45;
  --ambient-opacity: 0.55;

  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");

  /* Fee board — light mode (darker accents for contrast on white) */
  --fee-board-bg: linear-gradient(165deg, #ffffff 0%, #f1f5f9 100%);
  --fee-board-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 24px rgba(15, 23, 32, 0.08);
  --fee-board-card-bg: #f8fafc;
  --fee-board-table-bg: #ffffff;
  --fee-board-th-bg: #eef2f6;
  --fee-board-row-hover: rgba(0, 168, 112, 0.06);
  --fee-lock-color: #047857;
  --fee-total-color: #065f46;
  --fee-deduct-color: #b91c1c;
  --fee-gain-color: #047857;
  --fee-badge-border: rgba(0, 168, 112, 0.35);
}