/* ===== IA-Venturas — Dark Theme ===== */

html { background: #0a0e16; color-scheme: dark; }

:root {
  /* Brand colors */
  --brand-1: #7C4DFF;
  --brand-2: #FF5252;
  --brand-3: #FFD740;
  --brand-4: #00E5A0;

  --bg-dark: rgba(30,30,30,0.72);
  --bg-sidebar: rgba(40,40,40,0.55);
  --bg-panel: rgba(35,35,35,0.60);
  --bg-tab: rgba(50,50,50,0.50);
  --bg-tab-active: rgba(60,60,60,0.60);
  --bg-input: rgba(30,30,30,0.55);
  --border: rgba(255,255,255,0.10);
  --border-bright: rgba(255,255,255,0.20);
  --text: #f0f2f5;
  --text-dim: #d8e0ea;
  --text-bright: #fff;
  --accent: var(--brand-1);
  --accent-glow: rgba(124,77,255,0.2);
  --accent-green: var(--brand-4);
  --accent-green-glow: rgba(0,229,160,0.15);
  --accent-pink: var(--brand-2);
  --accent-yellow: var(--brand-3);
  --accent-red: var(--brand-2);
  --accent-purple: var(--brand-1);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --fs-xs: 10px;
  --fs-sm: 12px;
  --fs-base: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 24px;
  --fs-2xl: 30px;
}

/* Clean dark borders */
.panel, .char-card, .login-card, .ide-btn-primary, .ide-btn-secondary, .ide-btn-danger, .btn, .nav-link.active {
  border-width: 1px;
  box-shadow: none;
}

/* Text readability */
body.ide-page {
  text-shadow: none;
}

/* ===== Fallbacks for browsers without backdrop-filter ===== */
@supports not (backdrop-filter: blur(1px)) {
  :root {
    --bg-dark: #1e1e1e;
    --bg-sidebar: #2a2a2a;
    --bg-panel: #242424;
    --bg-tab: #303030;
    --bg-tab-active: #383838;
    --bg-input: #1e1e1e;
  }
}
}