:root {
  /* PALETA */
  --black: #000014;
  --lavender: #EEEEFB;
  --blue: #0FA3B1;
  --violet: #6622CC;
  --orange: #EE4266;

  /* SEMANTYKA */
  --bg: var(--black);
  --surface: #0b0b22;
  --text: var(--lavender);
  --muted: #9ca3af;

  --primary: var(--violet);
  --accent: var(--blue);
  --cta: var(--orange);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}

body:has(.feed-container) {
  background: transparent;
}

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-in.delay-1 {
  transition-delay: 0.15s;
}