/* Siftly custom styles */
/* Base resets and variables are in layout.ejs <style> block */
/* This file adds Siftly-specific polish */

/* Subtle texture on bg sections */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(0,0,0,0.03) 1px, transparent 0);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0;
}

body > * { position: relative; z-index: 1; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }

/* Selection */
::selection { background: var(--accent); color: white; }

/* Smooth transitions */
a, button { transition: opacity 0.2s ease; }
a:hover { opacity: 0.7; }