/* ============================================================================
   BEAI STUDIO - Global design tokens & base styles
   All page-specific CSS files (auth.css, dashboard.css, ...) build on top of
   these tokens. Convention: ALL CSS lives under /assets/css, ALL JS lives
   under /assets/js. The root-level /css and /js folders are intentionally
   left empty placeholders (see README.md "Struktur Folder").
   ============================================================================ */

:root {
  --beai-bg: #0a0b10;
  --beai-bg-elevated: #12141c;
  --beai-surface: #171a24;
  --beai-surface-2: #1e2230;
  --beai-border: #2a2e3d;
  --beai-text: #f2f3f7;
  --beai-text-dim: #9a9fb3;
  --beai-text-faint: #656b80;
  --beai-primary: #7c5cff;
  --beai-primary-2: #4fd1ff;
  --beai-gradient: linear-gradient(135deg, #7c5cff 0%, #4fd1ff 100%);
  --beai-success: #34d399;
  --beai-danger: #f87171;
  --beai-warning: #fbbf24;
  --beai-radius: 16px;
  --beai-radius-sm: 10px;
  --beai-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  --beai-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--beai-bg);
  color: var(--beai-text);
  font-family: var(--beai-font);
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; }

a { color: var(--beai-primary-2); text-decoration: none; }

.beai-gradient-text {
  background: var(--beai-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}