/* Ubuntu Yaru theme variables and base */
:root {
  --yaru-bg: #1d1d1d;
  --yaru-fg: #f7f7f7;
  --yaru-panel: #2b2929;
  --yaru-surface: #3d3d3d;
  --yaru-surface-2: #4a4a4a;
  --yaru-border: rgba(255,255,255,0.12);
  --yaru-aubergine: #5e2750;
  --yaru-accent: #e95420;
  --yaru-accent-warm: #f58025;
  --yaru-orange: #e95420;
  --yaru-green: #0e8420;
  --yaru-red: #c7162b;
  --yaru-yellow: #f99b11;
  --yaru-blue: #19b6ee;
  --yaru-purple: #762572;
  --yaru-topbar-h: 28px;
  --yaru-dock-w: 64px;
  --yaru-radius: 8px;
  --yaru-radius-lg: 12px;
  --yaru-radius-xl: 18px;
  --yaru-shadow: 0 8px 24px rgba(0,0,0,0.45);
  --yaru-shadow-sm: 0 2px 8px rgba(0,0,0,0.35);
  --yaru-window-titlebar-h: 36px;
  --yaru-font: "Ubuntu", "Cantarell", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --wallpaper: radial-gradient(circle at 70% 20%, rgba(94,39,80,0.7), transparent 50%), linear-gradient(135deg, #2c001e 0%, #772953 60%, #e95420 140%);
  --accent-color: var(--yaru-orange);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; font-family: var(--yaru-font); color: var(--yaru-fg); background: #111; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleIn { from { transform: scale(0.96); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes slideInUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes slideInLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@keyframes spin { to { transform: rotate(360deg); } }

button { font-family: inherit; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.06); border-radius: 5px; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.22); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.32); }