@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* ============================================
   CSS Variablen / Root Styling
   ============================================ */
:root {
  --text: #ffffff;
  --color-primary: #121212;
  --color-secondary: #111;
  --color-accent: #f4c542;
  --color-border: #2a2a2a;
  --color-bg-light: #1a1a1a;
  --color-bg-dark: #141414;
  --color-input-bg: #171717;
  --color-text-secondary: #bdbdbd;
  --color-text-tertiary: #6a6a6a;
  --transition-smooth: all 0.3s ease;
  --transition-fast: all 0.2s ease;
}

/* ============================================
   Light Mode Variables
   ============================================ */
:root.light-mode {
  --text: #1a1a1a;
  --color-primary: #f5f5f5;
  --color-secondary: #ffffff;
  --color-accent: #e0a800;
  --color-border: #e0e0e0;
  --color-bg-light: #ffffff;
  --color-bg-dark: #fafafa;
  --color-input-bg: #ffffff;
  --color-text-secondary: #424242;
  --color-text-tertiary: #757575;
}

body {
  background-color: var(--color-primary);
  color: var(--text);
  font-family: "Archivo Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0px;
  transition: background-color 0.3s ease, color 0.3s ease;
}